Color Palette Generator
Generate complementary, analogous, triadic, split-complementary, and monochromatic color palettes from a base color. Copy HEX codes and export CSS.
Base Color
Select a base color to generate palettes.
RGB: (99, 102, 241) | HSL: (239°, 84%, 67%)
Color Harmonies
Compatible color combinations
Color 1
Color 2
Color 3
Color 4
Color 5
Share
Loading...
Color Harmony Guide
Complementary: Colors opposite on the color wheel, creating strong contrast.
Analogous: Adjacent colors on the color wheel, creating a harmonious feel.
Triadic: Three evenly spaced colors on the color wheel, creating balanced contrast.
Split-Complementary: Uses colors adjacent to the complement, maintaining strong contrast with softer harmony.
Monochromatic: Variations in lightness of the same color, creating a sophisticated and unified look.