Ivory Buff
- 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.
No pair of colors in this combination reaches a contrast of 3:1, so it is best used without text.
Light & moderate
Lightness 80 (range 76–87)
Colorfulness 0.088
Average OKLCH lightness (0–100) and chroma (colorfulness).
Monochromatic
Variations of a single hue.
A heuristic based on the painter’s color wheel. Wada’s combinations often ignore textbook rules, which is part of their appeal.
Warm
Reds, oranges and yellows count as warm; greens, blues and violets as cool.
ΔE 20
Closest pair ΔE 19.8 · average ΔE 26.4
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Ivory Buff on Grayish Lavender B (1.5:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaIvory Buff · Yellow Orange | 1.5:1Low | 20 / 17 |
| AaAaIvory Buff · Grayish Lavender B | 1.5:1Low | 22 / 19 |
| AaAaYellow Orange · Grayish Lavender B | 1.0:1Low | 0 / 0 |
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. 235 */
:root {
--ivory-buff: #ebd3a2; /* Ivory Buff */
--yellow-orange: #f99d1b; /* Yellow Orange */
--grayish-lavender-b: #c0a9b3; /* Grayish Lavender B */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 235 */
@theme {
--color-ivory-buff: #ebd3a2;
--color-yellow-orange: #f99d1b;
--color-grayish-lavender-b: #c0a9b3;
}
{
"id": 235,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Ivory Buff",
"hex": "#ebd3a2",
"rgb": [
235,
211,
162
],
"cmyk": [
8,
15,
40,
0
]
},
{
"name": "Yellow Orange",
"hex": "#f99d1b",
"rgb": [
249,
157,
27
],
"cmyk": [
0,
45,
100,
0
]
},
{
"name": "Grayish Lavender B",
"hex": "#c0a9b3",
"rgb": [
192,
169,
179
],
"cmyk": [
25,
33,
20,
0
]
}
]
}