Palette · 9 colors · Lc 8.7
Steady Cheek Red Ember palette
Steady Cheek Red Ember: a 9-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F8E2D8, #E7C5B9, #D1A394, #B47A76, #9D5E5A, #864950, #633A3E, #3B2123, #1E0B0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8E2D8
surface
#E7C5B9
muted
#D1A394
primary
#B47A76
secondary
#9D5E5A
accent
#864950
highlight
#633A3E
border
#3B2123
text
#1E0B0D
Colors in Steady Cheek Red Ember: HEX, RGB, HSL & OKLCH
- #F8E2D8 color page →
bg
#F8E2D8
- RGB
- rgb(248 226 216)
- HSL
- hsl(19 70% 91%)
- OKLCH
- oklch(0.928 0.028 46.1)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.86:1 (AAA)
- #E7C5B9 color page →
surface
#E7C5B9
- RGB
- rgb(231 197 185)
- HSL
- hsl(16 49% 82%)
- OKLCH
- oklch(0.849 0.042 40.4)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.08:1 (AAA)
- #D1A394 color page →
muted
#D1A394
- RGB
- rgb(209 163 148)
- HSL
- hsl(15 40% 70%)
- OKLCH
- oklch(0.754 0.059 38.8)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.37:1 (AAA)
- #B47A76 color page →
primary
#B47A76
- RGB
- rgb(180 122 118)
- HSL
- hsl(4 29% 58%)
- OKLCH
- oklch(0.638 0.073 23.7)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.98:1 (AA)
- #9D5E5A color page →
secondary
#9D5E5A
- RGB
- rgb(157 94 90)
- HSL
- hsl(4 27% 48%)
- OKLCH
- oklch(0.552 0.083 24)
WCAG contrast: on white 5.02:1 (AA) · on black 4.18:1 (Fail)
- #864950 color page →
accent
#864950
- RGB
- rgb(134 73 80)
- HSL
- hsl(353 29% 41%)
- OKLCH
- oklch(0.481 0.083 13.4)
WCAG contrast: on white 6.81:1 (AA) · on black 3.08:1 (Fail)
- #633A3E color page →
highlight
#633A3E
- RGB
- rgb(99 58 62)
- HSL
- hsl(354 26% 31%)
- OKLCH
- oklch(0.399 0.058 13.7)
WCAG contrast: on white 9.52:1 (AAA) · on black 2.20:1 (Fail)
- #3B2123 color page →
border
#3B2123
- RGB
- rgb(59 33 35)
- HSL
- hsl(355 28% 18%)
- OKLCH
- oklch(0.283 0.04 15)
WCAG contrast: on white 14.70:1 (AAA) · on black 1.42:1 (Fail)
- #1E0B0D color page →
text
#1E0B0D
- RGB
- rgb(30 11 13)
- HSL
- hsl(354 46% 8%)
- OKLCH
- oklch(0.18 0.033 14.3)
WCAG contrast: on white 18.93:1 (AAA) · on black 1.10:1 (Fail)
Export Steady Cheek Red Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8e2d8;
--surface: #e7c5b9;
--muted: #d1a394;
--primary: #b47a76;
--secondary: #9d5e5a;
--accent: #864950;
--highlight: #633a3e;
--border: #3b2123;
--text: #1e0b0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8e2d8;
--color-surface: #e7c5b9;
--color-muted: #d1a394;
--color-primary: #b47a76;
--color-secondary: #9d5e5a;
--color-accent: #864950;
--color-highlight: #633a3e;
--color-border: #3b2123;
--color-text: #1e0b0d;
}JSON (DTCG tokens)
{
"steady-cheek-red-ember-5yk": {
"bg": {
"$type": "color",
"$value": "#f8e2d8"
},
"surface": {
"$type": "color",
"$value": "#e7c5b9"
},
"muted": {
"$type": "color",
"$value": "#d1a394"
},
"primary": {
"$type": "color",
"$value": "#b47a76"
},
"secondary": {
"$type": "color",
"$value": "#9d5e5a"
},
"accent": {
"$type": "color",
"$value": "#864950"
},
"highlight": {
"$type": "color",
"$value": "#633a3e"
},
"border": {
"$type": "color",
"$value": "#3b2123"
},
"text": {
"$type": "color",
"$value": "#1e0b0d"
}
}
}About this palette
Steady Cheek Red Ember is a 9-color OKLCH-ready palette tagged orange, warm, nature, brown, 9 colors. Hex values: #F8E2D8, #E7C5B9, #D1A394, #B47A76, #9D5E5A, #864950, #633A3E, #3B2123, #1E0B0D. APCA contrast score Lc 8.7. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Steady Cheek Red Ember by OKLab color distance.