Palette · 8 colors · Lc 7.8
Red Elegance Brief palette
Red Elegance Brief: a 8-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F9E2D6, #D7BBAF, #C68C77, #B0736C, #8E5356, #683439, #472829, #2B1211, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9E2D6
surface
#D7BBAF
muted
#C68C77
primary
#B0736C
secondary
#8E5356
accent
#683439
highlight
#472829
text
#2B1211
Colors in Red Elegance Brief: HEX, RGB, HSL & OKLCH
- #F9E2D6 color page →
bg
#F9E2D6
- RGB
- rgb(249 226 214)
- HSL
- hsl(21 74% 91%)
- OKLCH
- oklch(0.928 0.03 49.5)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.87:1 (AAA)
- #D7BBAF color page →
surface
#D7BBAF
- RGB
- rgb(215 187 175)
- HSL
- hsl(18 33% 76%)
- OKLCH
- oklch(0.813 0.036 44.6)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.61:1 (AAA)
- #C68C77 color page →
muted
#C68C77
- RGB
- rgb(198 140 119)
- HSL
- hsl(16 41% 62%)
- OKLCH
- oklch(0.692 0.078 40.7)
WCAG contrast: on white 2.83:1 (Fail) · on black 7.41:1 (AAA)
- #B0736C color page →
primary
#B0736C
- RGB
- rgb(176 115 108)
- HSL
- hsl(6 30% 56%)
- OKLCH
- oklch(0.618 0.079 26.7)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.51:1 (AA)
- #8E5356 color page →
secondary
#8E5356
- RGB
- rgb(142 83 86)
- HSL
- hsl(357 26% 44%)
- OKLCH
- oklch(0.511 0.079 16.9)
WCAG contrast: on white 5.96:1 (AA) · on black 3.52:1 (Fail)
- #683439 color page →
accent
#683439
- RGB
- rgb(104 52 57)
- HSL
- hsl(354 33% 31%)
- OKLCH
- oklch(0.394 0.074 15)
WCAG contrast: on white 9.81:1 (AAA) · on black 2.13:1 (Fail)
- #472829 color page →
highlight
#472829
- RGB
- rgb(71 40 41)
- HSL
- hsl(358 28% 22%)
- OKLCH
- oklch(0.317 0.047 18)
WCAG contrast: on white 13.09:1 (AAA) · on black 1.60:1 (Fail)
- #2B1211 color page →
text
#2B1211
- RGB
- rgb(43 18 17)
- HSL
- hsl(2 43% 12%)
- OKLCH
- oklch(0.219 0.042 23.4)
WCAG contrast: on white 17.53:1 (AAA) · on black 1.19:1 (Fail)
Export Red Elegance Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9e2d6;
--surface: #d7bbaf;
--muted: #c68c77;
--primary: #b0736c;
--secondary: #8e5356;
--accent: #683439;
--highlight: #472829;
--text: #2b1211;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9e2d6;
--color-surface: #d7bbaf;
--color-muted: #c68c77;
--color-primary: #b0736c;
--color-secondary: #8e5356;
--color-accent: #683439;
--color-highlight: #472829;
--color-text: #2b1211;
}JSON (DTCG tokens)
{
"red-elegance-brief-3r0": {
"bg": {
"$type": "color",
"$value": "#f9e2d6"
},
"surface": {
"$type": "color",
"$value": "#d7bbaf"
},
"muted": {
"$type": "color",
"$value": "#c68c77"
},
"primary": {
"$type": "color",
"$value": "#b0736c"
},
"secondary": {
"$type": "color",
"$value": "#8e5356"
},
"accent": {
"$type": "color",
"$value": "#683439"
},
"highlight": {
"$type": "color",
"$value": "#472829"
},
"text": {
"$type": "color",
"$value": "#2b1211"
}
}
}About this palette
Red Elegance Brief is a 8-color OKLCH-ready palette tagged orange, warm, nature, brown, 8 colors. Hex values: #F9E2D6, #D7BBAF, #C68C77, #B0736C, #8E5356, #683439, #472829, #2B1211. APCA contrast score Lc 7.8. 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 Red Elegance Brief by OKLab color distance.