Generate beautiful color palettes from a base color using color theory.
Generate harmonious color palettes based on color theory. Pick a base color and choose from six palette types: analogous (neighboring hues), complementary (opposite hues), triadic (three evenly spaced hues), split-complementary, monochromatic (shades of one hue), or random.
Click any swatch to copy its hex code. Export the full palette as hex values or CSS custom properties. Everything runs in your browser.
Analogous colors sit next to each other on the color wheel. They create harmonious, low-contrast palettes that feel natural and cohesive — great for backgrounds and branding.
Complementary colors are opposite each other on the color wheel (e.g. blue and orange). They create high contrast and visual energy — ideal for call-to-action elements and accents.
Click 'Copy as CSS' to get the palette as CSS custom properties (variables). Paste them into your stylesheet's :root block and reference them as var(--color-1), var(--color-2), etc.