Pairing 1 of 4
Vulcanised, the complement
Onyx + Vulcanised
Onyx and Vulcanised 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 Vulcanised
- 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 4
Tin, the tonal pale
Onyx + Tin
Tin 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 Tin
- 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 3 of 4
Lead, the anchor shade
Onyx + Lead
Lead carries Onyx's hue down toward black. The value gap does the work here: 11.6 of measured difference reads as depth, not disagreement. See Lead
- 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 4 of 4
Ink and paper
Onyx + King Kong
Near-black and near-white give Onyx the widest possible stage. Contrast against white is 9.57:1 and against black is 2.2: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.
- Onyx 68°
- Vulcanised 165°
- Tin neutral
- Lead neutral
- King Kong 85°
Pitfalls
Common mistakes with Onyx
- Mistake 1 Pairing Onyx 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 Onyx. Reach for cooler neutrals instead.
FAQ
Onyx pairing FAQs
What is the complementary color of Onyx?
Onyx's complement lands closest to Vulcanised (#424443), computed by rotating its OKLCH hue 180 degrees. The measured difference between them is ΔE 2.
Is Onyx warm or cool?
Onyx reads neutral, leaning warm. That matters for pairing: partners with the opposite temperature add contrast, same-temperature partners add calm.
What neutrals go with Onyx?
A muted tone of the same hue is the computed pick: it keeps a trace of Onyx's own hue, so the pair can't clash. Pure white and near-black always work as the frame.