Color Palette Generator

#001219

#005F73

#0A9396

#94D2BD

#E9D8A6

#EE9B00

#CA6702

#BB3E03

#AE2012

#9B2226

10 colors

Preset Palettes

CSS Variables

--color-1: #001219;
--color-2: #005f73;
--color-3: #0a9396;
--color-4: #94d2bd;
--color-5: #e9d8a6;
--color-6: #ee9b00;
--color-7: #ca6702;
--color-8: #bb3e03;
--color-9: #ae2012;
--color-10: #9b2226;

About Color Harmonies

Analogous

Colors that sit next to each other on the color wheel. They create serene, comfortable designs and are often found in nature.

Complementary

Colors opposite each other on the color wheel. They create high contrast and visual interest, perfect for making elements stand out.

Triadic

Three colors equally spaced on the color wheel. This scheme offers strong visual contrast while retaining balance and harmony.

Split-Complementary

A base color and two colors adjacent to its complement. Provides high contrast without the tension of complementary schemes.

Tip: Press the spacebar or click Generate to create new palettes. Lock colors you like to keep them while regenerating the rest.