Outfit Color Matcher

Quick answer: a colour goes with the one opposite it on the fashion colour wheel (red and green, blue and orange, yellow and purple), with its neighbours, and with every neutral: black, white, grey, beige, navy, tan and cream. Keep an outfit to three colours, roughly 60% one, 30% a second and 10% an accent.

How to use it

Tap the colour family, then the shade you are wearing, and say whether it is a top, trousers or a skirt, or a dress. The answer lists the colours that go with it, scheme by scheme, and draws one outfit in the 3-colour rule’s proportions; pick another under Dress me in to see the others. Under it: the shoes, nails, jewellery and lips for that outfit. Not sure which colours suit your skin? The colour analysis quiz finds your season, makeup for your eye colour picks the eyeshadow, and the capsule wardrobe planner builds a wardrobe from a few colours.

The fashion colour wheel

Fashion uses the traditional wheel, where red faces green: “Red and green, violet and yellow, blue and orange – complementary colors, as the name goes, work best when put together” (StyleCraze). Laundryheap: “Colours that are directly opposite the traditional colour wheel are complementary colours, like red and green, or orange-yellow and green-blue.” The wheel has 12 places: three primaries, three secondaries and six in between. The guides name four more ways round it:

• Side by side (analogous): “Analogous colors are any 3 – 5 adjacent colors sharing a common color” (Sew Guide).
• Split-complementary: “To create a split-complementary color scheme, pick a color and pair it with the colors next to its complementary color” (StyleCraze).
• Triadic: “This colour combination consists of three colours that are evenly divided in the colour wheel. For example, pairing purple, green and orange together” (Laundryheap).
• Monochrome: “One color in varying shades and tints” (SwapUp).

The same rules hold for lighter and darker shades: “Designers often tweak complementary schemes by using slightly darker or lighter shades—for example, pairing red with olive green instead of bright green” (SwapUp). So the tool keeps your shade: sage, a light green, gets pink, the light red. The shade names and the colours on screen are ours, three for each place on the wheel:

Warm and cool follow the guides: “Warm Colors: Red, orange, yellow, and brown—known for creating active, energizing impressions” and “Cool Colors: Blue, green, and purple—calming and relaxing tones” (SwapUp). Yellow-green and red-violet sit between the two, and neither guide names them, so we say either (ours).

The neutrals go with everything

“Shades like black, white, beige, and gray serve as the foundation of many outfits. They are versatile and can be paired with any color, making them essential for building a capsule wardrobe” (NeceSera). Laundryheap adds navy and cream: “Colours such as white, black, ivory, beige, nude, grey, navy, cream etc. fall into this category.” Tan is Woman & Home’s “secondary neutral”. A neutral balances a bold pair: “Style Tip: Balance strong contrasts with neutral pieces like white or beige” (SwapUp).

The 3-colour rule: 60, 30, 10

Woman & Home: “It means keeping your outfits to three colours only and dividing those up roughly by 60% of your outfit in one colour, 30% in your secondary colour and 10% in an accent colour that adds an extra boost to your look.” The VOU: “The secondary colour should occupy about 30% of your outfit, or roughly half the amount of your dominant colour.” The 10% is the small things: “a belt, jewelry, scarf, handbag, or even a bold lip color” (NeceSera). In the drawing your colour leads with 60%, as Woman & Home’s coral dress does; which colour takes the 30% and which the 10% is ours: with an opposite colour, a neutral takes the 30% and the opposite is only the accent, as Sew Guide advises: “Designers usually bypass this problem by choosing small accents in complementary colors.”

Shoes, nails, jewellery and lips

• Shoes and bag: the 10% accent, which “could be in the form of shoes and a belt” (Woman & Home), a neutral, or a metallic: “Metallics like these serve as neutrals and work with nearly any colour” (BlueStone).
• Nails: “The safest and most commonly used strategy is to harmoniously match the nail polish colour with the colour of your dress”, in another shade of it (Semilac); “Neutral colors like nude, black, or white can be safe choices that match almost any outfit” (Dazzle Dry); or the shade opposite your dress on the colour wheel (Semilac).
• Jewellery: “For warm colors like yellow and orange, choose gold jewelry. Opt for silver or platinum jewelry for cool shades like blue and purple” (StyleCraze; BlueStone says the same).
• Lips: the lip can be the 10% accent (NeceSera), or match your nails: “The most promising way of doing it is by matching the color of your lipstick and nail polish” (NoGarlicNoOnions).

Worked examples

A sage dress: sage goes with pink, mint and pistachio. One outfit: 60% sage (your dress), 30% white (a jacket or cardigan), 10% pink (shoes, bag or belt); silver jewellery, as sage is a cool colour.

A burgundy dress, side by side: burgundy goes with forest green, rust and berry. One outfit: 60% burgundy (your dress), 30% rust (a jacket or cardigan), 10% berry (shoes, bag or belt); gold jewellery.

A navy top: navy goes with every colour. One outfit: 60% navy (your top), 30% white (trousers or a skirt), 10% red (shoes, bag or belt), Woman & Home’s own “red bag really pops against the neutral navy and white ensemble”.

Brown trousers: brown goes with sapphire, ochre and rust. One outfit: 60% brown (your trousers or skirt), 30% beige (a top), 10% sapphire (shoes, bag or belt).

Common mistakes

• Two bright opposites in equal amounts. “Well, if you follow this color scheme you just may end up looking like a Christmas tree, if you are not too careful” (Sew Guide). Make one of them the 10%.
• More than three colours. “The 3 Color Principle is a styling guideline that says your outfit should stick to no more than three colours at a time” (NeceSera); the neutrals count among the three.
• Forgetting the metal. Gold with warm colours, silver with cool ones.

More on Needle Style

Makeup for a brown dress, nail colours for a navy dress, makeup for a black dress, nails for a dusty rose dress and nail colours that go with everything.

Colour wheel rules from StyleCraze, SwapUp, Laundryheap and Sew Guide; the 3-colour rule from Woman & Home, NeceSera and The VOU; nails from Semilac and Dazzle Dry; jewellery from StyleCraze and BlueStone. Checked 2026-10-05.

FAQ