Free outfit color harmony checker

Does this shirt match these pants? Pick colors for your top, bottom and shoes and get a quick score based on simple color wheel rules, along with a few swaps to try.

Cost: Free
Account: None needed
Colors: A set of 12, including 6 neutrals
Treat it as: A rule of thumb, not a verdict

Top

White

Bottom

Navy

Shoes

Black

Harmony score

95Balanced

All three colors are neutrals. This is a classic combination and hard to get wrong.

Top and bottom: High contrast
Neutrals: 3 of 3

Try swapping

What this clothing color matcher does

It compares your top and bottom on the color wheel, and counts how many of your three pieces are neutrals. Close colors are called analogous and usually look tonal. Opposite colors are called complementary and look bold. Some combinations in between can compete for attention.

You get a score out of 100 with a label of Balanced, Safe, Bold or Clash. If your shoes add a third color, the score goes down. It is a quick way to think about a combination, for an outfit or for styling a product photo.

Who it is for

People getting dressed

You want a quick second opinion on colors before you leave the house, for work or for an event.

Sellers styling product photos

You are choosing which bottoms or shoes to show with a top in your listing.

Anyone learning color basics

Try different pairs to see how neutrals, tonal looks and bold contrasts work.

How to check your outfit colors

Pick three colors
Choose the closest color for your top, your bottom and your shoes.
Read your score
See the score, the label, and a short note explaining why the combination got that result.
Try a swap
Press a suggestion to try black shoes, a white top or a charcoal bottom. Your score updates right away.

What you get

A harmony score out of 100.
A Balanced, Safe, Bold or Clash label, with a short explanation.
A simple color block preview of your outfit.
Up to three swaps to try with one tap.

Honest limits

It offers 12 fixed colors. You cannot upload a photo or enter an exact shade, so choose the closest one.
The score is a simple formula. It is not a measure of good taste, and plenty of great outfits break these rules.
It ignores fabric, print, fit, skin tone, occasion and culture. A combination that scores low may be exactly right for a wedding or a festival.
Suggested swaps are fixed options. They will not always score higher than your current outfit.
It treats navy, charcoal, beige and olive as neutrals, which is a styling convention you may not share.

Tips for better color choices

Three common styling habits. They are guides and not laws.

Try 60, 30, 10

A popular guide is about 60% main color, 30% second color and 10% accent.

Anchor with a neutral

If a color feels loud, black, navy or charcoal can calm it down. Terracotta and mustard both pair well this way.

Choose your contrast

High contrast feels bold. Low contrast feels calm and polished. Decide which mood you want first.

Check in real light

Screen colors differ from real fabric. Look at your clothes together in daylight before you decide.

Color harmony questions

Something else? Write to [email protected].

How does the harmony score work?

It starts from how many of your three colors are neutrals. If there are fewer than two, it compares the top and bottom on the color wheel. Three neutrals score 95. Two neutrals score 85. Non-neutral shoes in a third color take off 15.

What does a Clash label mean?

Your top and bottom sit about 70 to 110 degrees apart on the color wheel and neither is anchored by enough neutrals. These colors can compete for attention. It is a caution and not a rule.

What are complementary and analogous colors?

Complementary colors sit opposite each other on the color wheel, such as blue and orange. Analogous colors sit next to each other, such as yellow and orange.

How many colors should I wear in one outfit?

Many stylists suggest up to three. You do not have to follow that, but it is a useful starting point if you are unsure.

Can I use this for formal wear?

Yes, for a basic check. It includes navy, charcoal and burgundy. It does not know the dress code for your event, so use your own judgment.

Can it match colors from a photo?

No. You choose from the 12 colors shown. Pick the nearest match to your garment.

Was this tool useful?

We use ratings to decide what to improve. We do not publish them.

Sell clothes? See your colors on a model.

The Modelfy studio can put your garments on AI models in different scenes. It uses credits. Free signup includes 10 credits, up to 5 photos.

Try the studio free See all tools

More tools for clothing sellers

Some run free in your browser. Others use credits in the Modelfy studio. Each one says which.

View all tools