Colour Palette Generator Generate a complete, accessible colour system from a single brand hex. Produces Tailwind v4 CSS ready to paste into your project. Workflow Step 1: Get the Brand Hex Ask for the primary brand colour. A single hex like is enough. Step 2: Generate 11-Shade Scale Convert hex to HSL, then generate shades by varying lightness while keeping hue constant. Hex to HSL Conversion Lightness and Saturation Values | Shade | Lightness | Saturation Mult | Use Case | |-------|-----------|-----------------|----------| | 50 | 97% | 0.80 | Subtle backgrounds | | 100 | 94% | 0.80 | Hover…