Color Palette Generator
Input
Base Color
Palette Type
Complementary
2 opposite colorsAnalogous
3 adjacent colorsTriadic
3 evenly spacedTetradic
4 evenly spacedMonochromatic
5 shades of one hueSplit-Comp.
3 split-complementaryResult
−30°
#3CE0F6
rgb(60, 224, 246)
hsl(187, 91%, 60%)
Base
#3C83F6
rgb(60, 131, 246)
hsl(217, 91%, 60%)
+30°
#523CF6
rgb(82, 60, 246)
hsl(247, 91%, 60%)
How to use
1.
Pick a base color using the color picker or enter a HEX value
2.
Select a harmony type — complementary, analogous, triadic, and more
3.
Click any swatch to copy its HEX value
Common uses
▸
Generating a harmonious color scheme for a new project
▸
Finding accent colors that pair well with an existing brand color
▸
Exploring color relationships for UI design or illustration