Colors
Color combinations that work
By the Skintonic team · SKINTONIC LLC · Updated
One page per color, each with around a dozen combinations generated in the OKLab color space rather than picked off a mood board. Every pairing says which relationship it came from — analogous, complementary, tonal, neutral base — so the reasoning transfers to colors that are not listed here.
Each page also answers the question underneath the question: whether that color is warm or cool, which of the twelve color types it suits and which find it hardest, and a checker that will tell you where it falls for your own season.
The five relationships every page uses
There is no mystery to which colors go together, and no need for a mood board to find out. Five relationships cover almost everything a wardrobe needs, and each page applies all five to one color so you can see the same move made five different ways.
- Neutral base
- A near-black or an off-white built from the color's own hue, so it reads as family rather than as a second decision.
- Analogous
- A neighbor within about 30° on the wheel, moved in lightness so the two separate on a body.
- Complementary
- The opposite hue, lightened and desaturated first — at full strength the pair vibrates at its edges.
- Tonal
- Three depths of one color. Nothing can clash, because nothing is a different color.
- Accent
- A triadic shade a third of the wheel away, kept at the scale of a bag or a shoe.
- And denim
- Listed on its own, because it behaves like a neutral against nearly everything and is what most of this gets worn with.
Every color
- What goes with brown
- What goes with gray
- What goes with navy blue
- What goes with burgundy
- What goes with teal
- What goes with olive green
- What goes with sage green
- What goes with beige
- What goes with emerald green
- What goes with rust
- What goes with camel
- What goes with black
- What goes with white
- What goes with cream
- What goes with charcoal
- What goes with khaki
- What goes with denim blue
- What goes with light blue
- What goes with pink
- What goes with red
- What goes with orange
- What goes with mustard
- What goes with yellow
- What goes with lavender
- What goes with plum
- What goes with forest green
- What goes with terracotta
- What goes with mint
- What goes with coral
- What goes with chocolate
30 colors, chosen because they are what clothes are actually sold in rather than what a color wheel contains. The hex behind each one is the version a shop would sell, not the CSS keyword — the keyword for olive is a yellow-green no garment has ever been, and starting a page from it would make every combination on it wrong.
Warm, cool, and the colors that refuse to answer
Every page says whether its color is warm or cool, measured as a hue angle rather than asserted. Some of them sit far enough from the boundary that the answer holds for anything sold under the name. Others land within a few degrees of the line, and for those the honest answer is that it depends on the garment in front of you — which is why each page carries a checker you can point at a specific shade.
Or start from your own colors
Rather than checking shades one at a time, the scan gives you the whole set at once: your color type, the four readings behind it, and a preview of your palette. One photo, about thirty seconds, nothing uploaded, no account.
Check a single color · Outfit builder · All 12 seasons · Compare two seasons