Cinnamon 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 76 (range 61–86)
Colorfulness 0.071
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 26
Closest pair ΔE 26.0 · average ΔE 33.4
CIEDE2000 color difference. Below about 10 colors look related; above 30 they are clearly distinct.
AaBest text pair: Cinnamon Buff on Light Mauve (2.5:1)
| Contrast | WCAG | APCA Lc |
|---|---|---|
| AaAaCinnamon Buff · Light Mauve | 2.5:1Low | 42 / 39 |
| AaAaCinnamon Buff · Neutral Gray | 1.2:1Low | 9 / 8 |
| AaAaLight Mauve · Neutral Gray | 2.1:1Low | 29 / 31 |
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. 180 */
:root {
--cinnamon-buff: #fdc57e; /* Cinnamon Buff */
--light-mauve: #9a72aa; /* Light Mauve */
--neutral-gray: #b6bfc1; /* Neutral Gray */
}
/* Tailwind CSS v4 – Sanzo Wada, combination No. 180 */
@theme {
--color-cinnamon-buff: #fdc57e;
--color-light-mauve: #9a72aa;
--color-neutral-gray: #b6bfc1;
}
{
"id": 180,
"source": "Sanzo Wada, A Dictionary of Color Combinations",
"colors": [
{
"name": "Cinnamon Buff",
"hex": "#fdc57e",
"rgb": [
253,
197,
126
],
"cmyk": [
0,
25,
57,
0
]
},
{
"name": "Light Mauve",
"hex": "#9a72aa",
"rgb": [
154,
114,
170
],
"cmyk": [
43,
62,
5,
0
]
},
{
"name": "Neutral Gray",
"hex": "#b6bfc1",
"rgb": [
182,
191,
193
],
"cmyk": [
29,
18,
20,
0
]
}
]
}