Color Palette Generator
Generate harmonious color palettes using color theory — complementary, analogous, triadic, and more.
Palette
#64adf2
#648af2
#6467f2
#8564f2
#a864f2
Color palette generation with color theory
A complementary palette uses the color directly opposite on the color wheel — high contrast, bold. An analogous palette picks neighbors (±15°–30°) for a harmonious, cohesive feel. A triadic palette spaces three colors 120° apart for a vibrant, balanced look. Tetradic (square) uses four colors at 90° intervals for maximum variety. Monochromatic varies lightness at a fixed hue for an elegant single-color theme. For individual shades of a color, try the Color Shades Generator, or Color Mixer to blend two specific colors.
Related Design & CSS tools
Color Converter
Convert a color to HEX, RGB, HSL, HSB, and CMYK at once.
HEX to RGB
Convert HEX color codes to RGB / RGBA values.
RGB to HEX
Convert RGB values into HEX color codes.
CSS Box Shadow Generator
Visually design CSS box-shadow with a live preview and code.
CSS Border Radius Generator
Visually craft border-radius with a live preview.
HEX to CMYK
Convert HEX colors to CMYK print values.
CMYK to HEX
Convert CMYK print values to HEX colors.
HEX to HSB
Convert HEX colors to HSB / HSV values.