Cream Yellow
- 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
Harmony in contrast
Harmony in contrast
Harmony in contrast
Harmony in contrast
Medium & moderate
Lightness 57 (range 31–84)
Colorfulness 0.073
Average OKLCH lightness (0–100) and chroma (colorfulness).
Free
No classic color-wheel relationship.
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 23
Closest pair ΔE 22.7 · average ΔE 48.3
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Cream Yellow on Cotinga Purple (8.4:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaCream Yellow · Grayish Lavender B | 1.3:1Low | 15 / 13 |
| AaAaCream Yellow · Cotinga Purple | 8.4:1AAA | 70 / 69 |
| AaAaCream Yellow · Slate Color | 6.1:1AA | 64 / 63 |
| AaAaGrayish Lavender B · Cotinga Purple | 6.3:1AA | 54 / 54 |
| AaAaGrayish Lavender B · Slate Color | 4.6:1AA | 48 / 48 |
| AaAaCotinga Purple · Slate Color | 1.4: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. 329 */
:root {
--cream-yellow: #fdbf68; /* Cream Yellow */
--grayish-lavender-b: #c0a9b3; /* Grayish Lavender B */
--cotinga-purple: #501345; /* Cotinga Purple */
--slate-color: #34454c; /* Slate Color */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 329 */
@theme {
--color-cream-yellow: #fdbf68;
--color-grayish-lavender-b: #c0a9b3;
--color-cotinga-purple: #501345;
--color-slate-color: #34454c;
}
{
"id": 329,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Cream Yellow",
"hex": "#fdbf68",
"rgb": [
253,
191,
104
],
"cmyk": [
0,
28,
68,
0
]
},
{
"name": "Grayish Lavender B",
"hex": "#c0a9b3",
"rgb": [
192,
169,
179
],
"cmyk": [
25,
33,
20,
0
]
},
{
"name": "Cotinga Purple",
"hex": "#501345",
"rgb": [
80,
19,
69
],
"cmyk": [
66,
100,
42,
40
]
},
{
"name": "Slate Color",
"hex": "#34454c",
"rgb": [
52,
69,
76
],
"cmyk": [
85,
70,
62,
30
]
}
]
}