color-palette

Generate an accessible color palette by inputting a single brand hex color to produce an 11-shade scale from 50-950. The palette includes semantic tokens and verifies WCAG contrast ratios for text accessibility.

Set up dark mode semantic tokens by generating complementary dark mode variants from your base brand color. The system maps 11-shade scales to meaningful design tokens like background and foreground for both light and dark themes.

Yes, the color palette generator supports Tailwind v4 @theme syntax. It uses HSL color manipulation to ensure consistent shade generation that integrates directly with Tailwind CSS theme configurations.

WCAG contrast checking verifies text accessibility ratios against background colors. When generating brand color palettes, it ensures semantic tokens like foreground and background meet minimum contrast standards for readable UI design.

Yes, you can create a complete design system color scale from one hex color. The system generates an 11-shade scale ranging from 50 to 950, providing the full spectrum needed for robust UI theming and brand color application.

Generated color palettes can fail WCAG accessibility contrast checks when semantic token mappings lack sufficient lightness differentiation. The system addresses this by using HSL color manipulation to verify and maintain accessible text contrast ratios.