color-palette - Color Palette Generator for Design Systems
Generate complete, accessible color palettes from a single brand hex code
Tags
Updated: 2026-02-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- generate 11-shade color scale
- create semantic color tokens
- produce dark mode variants
- check WCAG contrast ratios
- convert hex to HSL format
- output Tailwind v4 theme
Inputs
- brand hex color code
Outputs
- color palette with 11 shades
- semantic token mapping
- dark mode CSS overrides
- contrast accessibility report
- Tailwind theme configuration
Requirements
- CSS support for custom properties
- hex color code input
- design system framework