Turn one brand colour into an accessible design system.
What it does
Generates an accessible brand-colour system with shade scales, semantic tokens, dark-mode variants, contrast checks, and Tailwind v4 CSS.
When to use it
Use for brand-hex palettes, design-system colour setup, Tailwind theme colours, or colour accessibility and contrast checks.
How to use it
Give it a primary brand hex; it returns a complete accessible colour system and Tailwind v4 CSS ready to paste into a project.
What you provide
- a primary brand hex
Latest review
What you need · 0
No setup requirements listed.
Access · 0
No additional actions listed.