Outfit Color Palette
Pick one color or your seasonal type — get a main color, base neutrals, accents and colors to avoid in one palette.
Harmony rule
- Pick a color with the swatch, or type a HEX code.
- Choose a harmony rule — monochrome, analogous, complementary or triadic.
- Copy the HEX codes or download the palette card to share.
Everything runs locally in your browser. Your color pick is never uploaded, logged or stored — refreshing the page resets it.
Recommended palette
Pick a color or a season and the palette will appear here.
How Outfit Color Harmony Works
Every palette here is computed in HSL space: rotating the hue while keeping saturation and lightness gives you colors that share a visual "temperature". Each rule suits a different kind of outfit.
| Rule | Hue relationship | How to wear it |
|---|---|---|
| Monochrome | Same hue, different lightness | Safest and most polished — depth does the layering, nothing to clash. |
| Analogous | ±30° on the wheel | Gentle contrast for everyday outfits; keep saturation similar on both sides. |
| Complementary | +180° opposite | Highest contrast — bag, scarf or lipstick sized accents only. |
| Triadic | ±120° | Vivid but balanced; one color leads, the other two stay small. |
The 60-30-10 Rule for Outfits
A wearable palette needs proportion, not just pretty swatches. A common styling rule of thumb:
- 60% base colors — coat, trousers, dress, shoes and bag. Use the deep and light base colors.
- 30% main color — the piece people remember: knit, blazer, skirt.
- 10% accent — scarf, lipstick, socks, jewelry. This is where analogous or complementary colors shine.
The Four Seasonal Color Types at a Glance
Seasonal color analysis groups flattering palettes by three axes: warm vs cool, light vs deep, clear vs muted. The built-in tables below aggregate the classic 12-type system into the four core seasons.
Frequently Asked Questions
What is seasonal color analysis?
Seasonal color analysis groups the colors that flatter you into Spring, Summer, Autumn and Winter palettes based on your natural coloring — warmth, depth and clarity. Spring is warm-light-bright, Summer cool-light-muted, Autumn warm-deep-muted and Winter cool-deep-bright.
How do I find my seasonal color type?
Look at your skin undertone (gold jewelry flatters warm types, silver flatters cool), your overall contrast and whether muted or vivid colors look better near your face. If you are unsure, our seasonal color test is a good starting point, and a professional draping consultation gives the definitive answer.
What is a color to avoid in an outfit?
An avoid color clashes with your main color: in color mode it is a high-saturation hue roughly 90 degrees away — neither tonal nor a stable complement — or a neutral of the opposite temperature, which reads muddy at large areas. For seasonal types, avoid colors are ones that fight your natural undertone.
How do I wear complementary colors without looking loud?
Keep the complement small: 60% base colors, 30% main color, 10% accent. A coral knit with a teal bag works; head-to-toe teal with coral does not. Muting one side of the pair also softens the contrast.
Can I save or share my palette?
Yes. Click "Save as image" and the palette is rendered on a canvas and downloaded as a PNG card with color names, HEX codes and roles — ready to share.
Is my color data uploaded anywhere?
No. All color math runs locally in your browser — nothing is uploaded, logged or stored. Refreshing the page resets everything.
Is this color palette tool free?
Yes — free, no account, no signup.
Color suggestions are styling references, not rules — lighting, fabric and personal contrast all change how a color reads on you. This tool explains common harmony logic and does not replace a professional consultation. Read our beauty coverage