Pairing 1 of 10
Wine Tour, the complement
Pine + Wine Tour
Pine and Wine Tour sit opposite each other on the color wheel (about 180 degrees apart in OKLCH hue). Opposites intensify each other, which is why this pairing has the most energy of any on this page. See Wine Tour
- Walls & home
- Use one on the walls and the other only in objects you can move: pillows, a throw, one lamp.
- Web & brand
- One is your action color, the other is for rare emphasis. Never both on one button.
- Outfits
- One garment each, separated by a neutral layer, reads styled rather than loud.
Pairing 2 of 10
Godzilla, a warm-side neighbor
Pine + Godzilla
Godzilla sits about 30 degrees from Pine on the wheel, close enough to share an undertone. Analogous pairs read as calm and intentional because the eye moves between them without friction. See Godzilla
- Walls & home
- Safe across large surfaces: walls in one, curtains or a rug in the other.
- Web & brand
- Ideal for gradient fills and chart series that must feel related.
- Outfits
- Head-to-toe works: the two shades read as an intentional tonal outfit.
Pairing 3 of 10
Philodendron, a cool-side neighbor
Pine + Philodendron
Philodendron sits about 30 degrees from Pine on the wheel, close enough to share an undertone. Analogous pairs read as calm and intentional because the eye moves between them without friction. See Philodendron
- Walls & home
- Safe across large surfaces: walls in one, curtains or a rug in the other.
- Web & brand
- Ideal for gradient fills and chart series that must feel related.
- Outfits
- Head-to-toe works: the two shades read as an intentional tonal outfit.
Pairing 4 of 10
Royal Robe, split-complement one
Pine + Royal Robe
Royal Robe comes from Pine's split-complementary pair: near the complement, but softened by 30 degrees. You keep most of the contrast of true opposites with less visual tension. See Royal Robe
- Walls & home
- Cabinetry or a feature wall in one, ceramics and textiles in the other.
- Web & brand
- Primary/secondary button pair, if both pass contrast on your background.
- Outfits
- A main piece in one and accessories in the other.
Pairing 5 of 10
Flirt, split-complement two
Pine + Flirt
Flirt comes from Pine's split-complementary pair: near the complement, but softened by 30 degrees. You keep most of the contrast of true opposites with less visual tension. See Flirt
- Walls & home
- Cabinetry or a feature wall in one, ceramics and textiles in the other.
- Web & brand
- Primary/secondary button pair, if both pass contrast on your background.
- Outfits
- A main piece in one and accessories in the other.
Pairing 6 of 10
Dragonfly, from the triad
Pine + Dragonfly
Dragonfly is one corner of Pine's triad: three hues spaced evenly, 120 degrees apart. Triads balance contrast and harmony better than any other geometric scheme. See Dragonfly
- Walls & home
- Keep two of the three at low saturation in a room; let one carry the chroma.
- Web & brand
- Three chart series that stay distinguishable without shouting.
- Outfits
- Two in clothing, the third only in small accents: bag, socks, scarf.
Pairing 7 of 10
Vineyard, the tonal pale
Pine + Vineyard
Vineyard is effectively a paler run of the same recipe: matching hue, higher lightness. Tonal pairs are impossible to get wrong, and they photograph as one cohesive surface. See Vineyard
- Walls & home
- Walls in the pale one, trim and millwork in the deeper one reads custom, not matchy.
- Web & brand
- Surface and hover states of the same component family.
- Outfits
- Layer them: the lighter piece inside, the deeper piece outside.
Pairing 8 of 10
PCB Green, the anchor shade
Pine + PCB Green
P2.72 Green carries Pine's hue down toward black. The value gap does the work here: 14.9 of measured difference reads as depth, not disagreement. See PCB Green
- Walls & home
- The dark one grounds floors, doors, or an accent wall; the mid one lives at eye level.
- Web & brand
- The dark one is your text-safe tone; the mid one handles fills and accents.
- Outfits
- The deep one for trousers or outerwear, the mid one up top near the face.
Pairing 9 of 10
Deep Forest, the working neutral
Pine + Deep Forest
Deep Forest is a low-chroma neutral with the opposite temperature to Pine, which keeps the scheme from drifting flat. Measured contrast between them: 15.9 ΔE. See Deep Forest
- Walls & home
- The neutral takes the biggest surfaces; the color earns the details.
- Web & brand
- The neutral is your surface system; the color marks interactive elements.
- Outfits
- Build the outfit in the neutral and let the color be the one piece people remember.
Pairing 10 of 10
Ink and paper
Pine + King Kong
Near-black and near-white give Pine the widest possible stage. Contrast against white is 7.73:1 and against black is 2.72:1, so text placement decides itself. See King Kong
- Walls & home
- White walls, near-black frames and hardware, and the color in art and textiles.
- Web & brand
- A near-monochrome UI with one accent tests well and ships timeless.
- Outfits
- Black and white basics with the color as the single statement piece.
The map
Every pairing on the wheel
Hue is the angle, chroma is the distance from center, both measured in OKLCH from each color's actual value. Complements land across the disc; neighbors cluster; neutrals sink toward the middle.
- Pine 148°
- Wine Tour 326°
- Godzilla 123°
- Philodendron 179°
- Royal Robe 305°
- Flirt 358°
- Dragonfly 261°
- Vineyard 148°
- PCB Green 144°
- Deep Forest 151°
- King Kong 85°
Pitfalls
Common mistakes with Pine
- Mistake 1 Pairing Pine with a second color of identical lightness. Nothing anchors, and the scheme floats. Bring one partner up or down in value.
- Mistake 2 Using the complement at full strength across a large area. It is an accent relationship, not a 50/50 split.
- Mistake 3 Warming it accidentally: beige and cream can muddy a cool color like Pine. Reach for cooler neutrals instead.
FAQ
Pine pairing FAQs
What is the complementary color of Pine?
Pine's complement lands closest to Wine Tour (#653B66), computed by rotating its OKLCH hue 180 degrees. The measured difference between them is ΔE 50.3.
Is Pine warm or cool?
Pine reads neutral, leaning cool. That matters for pairing: partners with the opposite temperature add contrast, same-temperature partners add calm.
What neutrals go with Pine?
Deep Forest is the computed pick: it keeps a trace of Pine's own hue, so the pair can't clash. Pure white and near-black always work as the frame.