color-palette

Turn one brand colour into an accessible design system.

design systems

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.

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

No additional actions listed in the analysis.

No setup requirements listed in the analysis.