Color Palette Generator
Starting from a base color, generate harmonious palettes: analogous, complementary, triadic, monochromatic and tetradic, with a copyable HEX code for each shade.
Palette generation
Three colors equally spaced at 120°.
triadic palette
Color base
#6467F2
Triádico 1
#F26467
Triádico 2
#67F264
How to use: Palettes
- 1Pick a base color.
- 2Choose the scheme: analogous, complementary, triadic, tetradic or monochromatic.
- 3Copy the HEX codes of the generated palette.
What is it for?
- Build the palette for a new website or brand.
- Find matching colors for charts or slides.
- Explore variations of a corporate color.
Building a harmonious palette
Classic schemes
Complementary colors sit opposite each other on the wheel and create strong contrast; analogous colors sit side by side and give soft harmony; triads spread three hues at 120° and tetrads use four.
The 60-30-10 rule
A balanced split gives 60 % to a dominant color (usually neutral), 30 % to a secondary one and 10 % to an accent for buttons and key elements.
Accessibility
Check text-to-background contrast in every combination. A beautiful palette that fails 4.5:1 for normal text is unusable for many people.
Related tools
Frequently asked questions
What are harmonic schemes?+
Color combinations with a mathematical relationship on the color wheel (analogous, complementary, triadic...) that look pleasant together.