Great design starts with a harmonious color palette. This tool applies color theory principles to derive complementary, triadic, analogous, and monochromatic palettes from any base color you choose.
Complementary colors sit opposite on the color wheel. Triadic uses three equidistant hues. Analogous picks adjacent colors. Monochromatic varies lightness of one hue — each serves a different design purpose.
Click any color swatch in the palette to instantly copy its hex code to your clipboard — ready to paste directly into CSS, Figma, or any design application.
All calculations are done using HSL (Hue, Saturation, Lightness) color space in JavaScript — the most intuitive model for designing relationships between colors.
© Live HTML Viewer | All Tools →