0B2027
Eerie Black
40798C
Slate Gray
70A9A1
Verdigris
CFD7C7
Light Gray
F6F1D1
Cornsilk
Palette Studio — Build, Edit & Export Color Palettes
Palette Studio is ihatecolors' full-screen palette maker. Start from a generated scheme, a saved favourite, or a blank canvas — then push each swatch through tint and shade scales, saturation and hue nudges, and color-theory harmonies while WCAG contrast scores update live. When it feels right, export the whole system to code.
Shade scales built in
Every swatch expands into a 50–900 shade ramp, the same structure Tailwind expects. Grab hover states, borders and elevation colors without opening a second tool.
Accessibility as you go
Contrast ratios and WCAG AA/AAA grades recalculate on every adjustment, so the palette you export is one your users can actually read.
Theory-aware transforms
One click re-derives any color as a complement, triad or analogous neighbor of the current scheme — the generator's harmony engine, under your manual control.
Export anywhere
Copy CSS variables, a Tailwind config block, SCSS variables or a Figma-ready list — or share the palette as a URL that reloads your exact colors.
Palette Studio vs. the AI generator
Use the AI color palette generator when you want a strong starting point fast — it scores candidate palettes against harmony rules before showing them. Use Palette Studio when you already know roughly what you want and want full manual control over every step. Both are free, and palettes move between them in one click.
Frequently asked questions
What is Palette Studio?
A free, full-screen color palette editor. Generate a starting scheme, fine-tune every swatch with tints, shades, saturation and harmony transforms, watch WCAG contrast update live, then export to CSS, Tailwind, SCSS or Figma.
Is Palette Studio free?
Yes — completely free, no account, no watermark. Every palette can be exported or shared via URL.
How do I share a palette I built?
The palette's hex values are encoded in the page URL. Copy the share link and anyone who opens it lands in the Studio with your exact colors loaded.
Can I check WCAG accessibility while editing?
Yes. Contrast ratios and AA/AAA grades recompute on every adjustment so you can steer the palette toward readable combinations before export.