Color Palette Generator
Generate harmonious color palettes from any base color. Explore complementary, analogous, triadic, tetradic, and monochromatic color schemes.
Click any color swatch to copy its hex code.
Frequently asked
questions
Complementary colors sit opposite each other on the color wheel (180° apart). They create high contrast and vibrant, dynamic combinations — great for call-to-action buttons and highlights.
Analogous colors are three colors adjacent on the color wheel. They create harmonious, pleasing combinations that feel natural, like a sunset or forest. Often used for backgrounds and low-contrast designs.
Click "Export CSS" to copy all colors as CSS custom properties (CSS variables). Paste into your :root{} block and reference them with var(--color-1), var(--color-2), etc.