Free tool 10
Outfit Colour Matching Tool
Choose a colour you want to wear — from the colour picker, a hex code or a colour name — and get combinations built with colour-wheel rules.
Your result will appear here.
How to measure
- Complementary colours sit opposite on the colour wheel and make each other stand out. Use one as a small accent.
- Analogous colours sit next to each other and look calm and pulled together.
- Neutrals (navy, camel, grey, white, black, denim) connect everything else.
Example: navy pairs with white, cream and camel as neutrals, and with a warm tan as its complementary accent.
Good to know
Screen colours differ from fabric. Names are the nearest match from our fashion palette.
Reference chart
- black
#151515 - charcoal
#36454f - grey
#8e8e8e - white
#f8f8f6 - ivory
#f3efe2 - cream
#efe6cf - beige
#d9c7a7 - camel
#c19a6b - tan
#b8875a - chocolate
#5a3a29 - burgundy
#6d1f2c - oxblood
#4a0f17 - red
#c8102e - rust
#b7410e - terracotta
#c46a4a - orange
#ef7d22 - mustard
#d4a017 - yellow
#f2c200 - olive
#6b6b2a - khaki
#a39b6b - sage
#9caf88 - green
#2e7d4f - forest green
#1f4d36 - teal
#127a7a - powder blue
#a8c6e6 - sky blue
#6fa8dc - cobalt
#2f62e0 - denim
#3f5e8c - navy
#1c2a48 - lavender
#b7a6d8 - purple
#6a3d9a - plum
#5e2750 - blush
#e8b8b0 - pink
#e88aa8 - fuchsia
#c2185b
FAQs
Can I wear black with navy or brown?
Yes. Keep a clear contrast in lightness or texture so the darks look intentional.
How many colours should an outfit have?
A useful rule is one main colour, one supporting colour and one accent, plus neutrals.