Colour Palette Generator

jezweb/claude-skills

Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.

Latest update at:

View on GitHub
npx skills add jezweb/claude-skills --skill color-palette
1,114Stars110ForksRepository last pushed

About this Skill

Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, Tailwind v4 CSS output, WCAG contrast checks. Use whenever the user supplies a brand hex and asks for a palette, mentions setting up a design system, wants Tailwind theme colours from a brand colour, or asks to check colour accessibility / contrast.

Why we picked it

Summarized from the original jezweb/claude-skills SKILL.md by Jezweb; the original upstream instructions were used.

What it helps with

  • Use this workflow when the task matches the original Colour Palette Generator instructions.

Before you use it

  • Read the original SKILL.md and referenced files in jezweb/claude-skills.

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.