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 |

Создавайте полные, доступные цветовые палитры из одного шестигранника бренда. Создает шкалу из 11 оттенков (50–950), семантические токены (фон, передний план, карта, приглушенный) и варианты темного режима. Включает проверку контрастности WCAG для доступности текста. Используйте, когда: настройка системы дизайна, создание темы Tailwind, создание фирменных цветов из одного шестнадцатеричного кода, преобразование дизайна в код, проверка доступности цвета. Источник: jezweb/claude-skills.