Olive Ocher
- HEX
- RGB
- CMYK
The palette applied to simple layouts. Colors are assigned to roles automatically; try other arrangements.
Color study
A dictionary of color
Background, surface, text and accent, taken from one of Wada’s combinations.
Painted following the 60-30-10 rule: about 60% wall color, 30% for the sofa, 10% for cushions, throw and vase. A fourth color goes to the rug and curtains; otherwise they stay undyed. Floor and ceiling stay neutral; the print shows the whole palette.
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Medium & moderate
Lightness 67 (range 42–81)
Colorfulness 0.111
Average OKLCH lightness (0–100) and chroma (colorfulness).
Complementary
Includes hues from opposite sides of the color wheel.
A heuristic based on the painter’s color wheel. Wada’s combinations often ignore textbook rules, which is part of their appeal.
Warm & cool
Reds, oranges and yellows count as warm; greens, blues and violets as cool.
ΔE 28
Closest pair ΔE 27.8 · average ΔE 51.9
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Cobalt Green on Violet (5.0:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaOlive Ocher · Cobalt Green | 1.2:1Low | 0 / 0 |
| AaAaOlive Ocher · Violet | 4.3:1AA large | 50 / 49 |
| AaAaCobalt Green · Violet | 5.0:1AA | 57 / 56 |
WCAG 2 contrast ratio for text, and APCA lightness contrast (Lc) for each text/background direction.
The closest palettes in perceptual color space (OKLab).
Copy the palette as code or download it as an image.
/* Sanzo Wada, combination No. 156 */
:root {
--olive-ocher: #d6b43e; /* Olive Ocher */
--cobalt-green: #96d1aa; /* Cobalt Green */
--violet: #4f4086; /* Violet */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 156 */
@theme {
--color-olive-ocher: #d6b43e;
--color-cobalt-green: #96d1aa;
--color-violet: #4f4086;
}
{
"id": 156,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Olive Ocher",
"hex": "#d6b43e",
"rgb": [
214,
180,
62
],
"cmyk": [
18,
26,
90,
0
]
},
{
"name": "Cobalt Green",
"hex": "#96d1aa",
"rgb": [
150,
209,
170
],
"cmyk": [
42,
0,
42,
0
]
},
{
"name": "Violet",
"hex": "#4f4086",
"rgb": [
79,
64,
134
],
"cmyk": [
85,
90,
18,
0
]
}
]
}