Outfit Color Matching Calculator
Pick a main clothing color, one-piece or two-piece, and a matching style. Get shoes, handbag, accent, lipstick, nails and jewelry colors that work with it, based on the color wheel.
Calculate
Result
The formula
We convert your outfit hex to HSL, then build a palette from a color-wheel rule (analogous, tonal, complementary, and related schemes). Skin undertone steers metal finishes. Contrast ratios use relative luminance.
Worked example
- Lead color #0F7B5F → HSL ≈ 164° · 78% · 27% (Emerald)
- Look: Easy & balanced (analogous neighbors) · undertone Neutral → rose gold
- Shoes black · handbag sky blue · belt turquoise · jacket nude · accents soft
Result: Emerald palette · handbag contrast ≈ 2.5:1 (Soft)
How outfit color matching works
Suggestions are fashion heuristics on the color wheel—not a substitute for fabric swatches, lighting, or personal taste.
Color wheel rules
Easy & balanced leans on neighboring (analogous) hues for calm everyday outfits. Tonal stays on one hue with lightness shifts. Bold reaches toward opposites for higher energy.
Undertone and metals
Warm undertones usually flatter gold; cool undertones flatter silver; neutral often suits rose gold. You can override by choosing Warm, Cool, or Neutral.
Two-piece pairing
When you set a top (or bottom) color, we suggest partner colors with contrast labels so the set reads intentional rather than accidental.
What we do not model
No fabric sheen, print scale, or lighting. Hex values are screen approximations of dye lots.
Interesting facts
60–30–10 still helps
Many stylists still aim for about 60% dominant, 30% secondary, and 10% accent so the eye has a place to rest.
Black is a safe shoe
Near-black footwear anchors most saturated outfits without fighting the hue—especially with jewel tones like emerald.
Undertone ≠ season
Warm/cool here is about metal and soft accents, not a full seasonal color analysis.
Contrast is relative
A “soft” handbag contrast can still look crisp on camera; use the ratio as a guide, then check in daylight.
Frequently asked questions
Start with a main clothing hex or a popular swatch, pick Easy/Tonal/Bold, and read the palette for shoes, bag, and accents. Fine-tune the wheel rule if you want a stronger or softer scheme.
Analogous colors sit next to each other on the wheel and feel calm. Complementary colors sit opposite and create punchier contrast.
Warm undertones often suit gold, cool undertones silver, and neutral often rose gold—use the undertone control to steer the suggestion.
Yes—choose Two-piece, set the top (or bottom) color, then pick a recommended partner color before building the accessory palette.
It rotates alternate accent candidates that still fit the same wheel rule so you can explore without changing the lead color.
References
- Color science — relative luminance Contrast ratios use the same relative-luminance definition as accessibility guidelines.
- Munsell and hue relationships Background on ordered hue, value, and chroma used in design education.