██████╗ ██████╗ ██╗ ██████╗ ██████╗ ███████╗ ██╔════╝██╔═══██╗██║ ██╔═══██╗██╔══██╗██╔════╝ ██║ ██║ ██║██║ ██║ ██║██████╔╝███████╗ ██║ ██║ ██║██║ ██║ ██║██╔══██╗╚════██║ ╚██████╗╚██████╔╝███████╗╚██████╔╝██║ ██║███████║ ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝

Color Palette Generator

Curated color harmonies for the creative web

Color Theory Guide

                    YELLOW
                     /   \
                    /     \
           Yellow- /       \ Yellow-
           Green  /         \  Orange
                 /           \
                /             \
         GREEN ───────────────── ORANGE
                \             /
                 \           /
            Cyan  \         /  Red-
           (Teal)  \       /   Orange
                    \     /
                     \   /
           BLUE ─────────── RED
                    |
                  VIOLET

Color Harmonies

Complementary

Colors opposite on wheel, high contrast

Analogous

Neighbors on wheel, naturally harmonious

Triadic

Three evenly spaced, vibrant balance

Split-Complementary

Base plus two adjacents to complement

Tetradic

Two complementary pairs, rich variety

Monochromatic

Single hue, varied lightness

Color Meanings

Red: passion, energy, urgency, warmth, danger

Orange: creativity, enthusiasm, adventure, confidence

Yellow: optimism, clarity, warmth, caution, joy

Green: growth, harmony, nature, balance, renewal

Blue: trust, calm, depth, stability, wisdom

Purple: luxury, mystery, spirituality, creativity

Pink: tenderness, romance, playfulness, care

Brown: earthiness, reliability, warmth, comfort

Black: elegance, power, mystery, sophistication

White: purity, clarity, simplicity, space

Gray: neutrality, balance, calm, timelessness

Pro Tip: The 60-30-10 rule: Use your dominant color for 60% of the space, secondary for 30%, and accent for 10%.
← Browse Palettes