Create beautiful color palettes using color theory, mood-based generation, gradient interpolation, and image color extraction. 11 harmony types, WCAG-accessible contrast pairs, color blindness preview, and 20 mood presets — all processed 100% in your browser.
#66aac7(base)#c78366Saved Presets is a Supporter feature.
Tool History is a Supporter feature.
Tool Notes is a Supporter feature.
Select Harmony for color theory rules, Generate for algorithmic methods, or Mood for preset-based palettes.
Pick a base color, select a harmony type or generation method, and adjust parameters like step count or constraint style.
Check the color blindness preview, regenerate for variety, or switch modes to refine your palette.
Copy individual colors or export the entire palette as JSON, CSS, Tailwind, SCSS, or ASE.
Color harmonies are based on mathematical relationships on the 360° color wheel, with 11 harmony types from complementary to six-tone.
Colors are converted to HSL (Hue, Saturation, Lightness) to calculate harmonies, shades, tints, and mood-based palettes.
Choose from harmony-based, shade/tint/tone, constrained random, WCAG contrast, gradient interpolation, image extraction, or mood-based generation.
Built-in WCAG contrast checking and color blindness simulation help ensure your palettes work for everyone.
Complementary colors are opposite on the color wheel (180° apart). They create high contrast and visual impact.