color-palette

Status: Production Ready ✅ Last Updated: 2026-01-14 Standard: Tailwind v4 @theme syntax

Use the reference files to generate shades, map semantics, and check contrast.

| 50 | 97% | Subtle backgrounds | | 100 | 94% | Hover states | | 200 | 87% | Borders, dividers | | 300 | 75% | Disabled states | | 400 | 62% | Placeholder text | | 500 | 48% | Brand color | | 600 | 40% | Primary actions | | 700 | 33% | Hover on primary | | 800 | 27% | Active states | | 900 | 20% | Text on light bg | | 950 | 10% | Darkest accents |

Genera tavolozze di colori complete e accessibili da un singolo marchio esadecimale. Crea una scala di 11 tonalità (50-950), token semantici (sfondo, primo piano, scheda, disattivato) e varianti in modalità oscura. Include il controllo del contrasto WCAG per l'accessibilità del testo. Utilizzare quando: impostare il sistema di progettazione, creare il tema Tailwind, creare colori del marchio da un singolo esadecimale, convertire progetti in codice, verificare l'accessibilità del colore. Fonte: jezweb/claude-skills.