domains / families / design / color-palette

color-palette

separate

Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.

When to use

• Generate colour palettes from a brand hex
• Set up a design system
• Create Tailwind theme colours from a brand colour
• Check colour accessibility and contrast

Skill page

Source