Generate complete, accessible color palettes from a single brand hex. Creates 11-shade scale (50-950), semantic tokens (background, foreground, card, muted), and dark mode variants. Includes WCAG contrast checking for text accessibility. Use when: setting up design system, creating Tailwind theme, building brand colors from single hex, converting designs to code, checking color accessibility.
Install
npx skills add jezweb/claude-skills --skill color-palettenpx skills add jezweb/claude-skills --skill color-palette -a claude-code -gnpx skills add jezweb/claude-skills --skill color-palette -a codex -ggemini skills install https://github.com/jezweb/claude-skills.git --path skills/color-palettegh skill install jezweb/claude-skills color-palettegit clone --depth 1 https://github.com/jezweb/claude-skills /tmp/jezweb__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/jezweb__claude-skills/skills/color-palette ~/.claude/skills/color-palette # Claude Code
cp -R /tmp/jezweb__claude-skills/skills/color-palette ~/.agents/skills/color-palette # Codex, Cursor, Gemini CLI, Copilot, OpenCode