Palette · 9 colors · Lc 8.6
Steady Red Elegance Bloom palette
Steady Red Elegance Bloom: a 9-color palette (Orange, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #DCE7D4, #A0AF97, #678052, #3E7D7A, #546B87, #6F5575, #834B4F, #49351D, #0C1208, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE7D4
surface
#A0AF97
muted
#678052
primary
#3E7D7A
secondary
#546B87
accent
#6F5575
highlight
#834B4F
border
#49351D
text
#0C1208
Colors in Steady Red Elegance Bloom: HEX, RGB, HSL & OKLCH
- #DCE7D4 color page →
bg
#DCE7D4
- RGB
- rgb(220 231 212)
- HSL
- hsl(95 28% 87%)
- OKLCH
- oklch(0.914 0.028 131.8)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.42:1 (AAA)
- #A0AF97 color page →
surface
#A0AF97
- RGB
- rgb(160 175 151)
- HSL
- hsl(98 13% 64%)
- OKLCH
- oklch(0.736 0.038 133.6)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.07:1 (AAA)
- #678052 color page →
muted
#678052
- RGB
- rgb(103 128 82)
- HSL
- hsl(93 22% 41%)
- OKLCH
- oklch(0.568 0.073 131.6)
WCAG contrast: on white 4.38:1 (Fail) · on black 4.78:1 (AA)
- #3E7D7A color page →
primary
#3E7D7A
- RGB
- rgb(62 125 122)
- HSL
- hsl(177 34% 37%)
- OKLCH
- oklch(0.547 0.065 191.3)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #546B87 color page →
secondary
#546B87
- RGB
- rgb(84 107 135)
- HSL
- hsl(213 23% 43%)
- OKLCH
- oklch(0.52 0.052 253.7)
WCAG contrast: on white 5.48:1 (AA) · on black 3.82:1 (Fail)
- #6F5575 color page →
accent
#6F5575
- RGB
- rgb(111 85 117)
- HSL
- hsl(289 16% 40%)
- OKLCH
- oklch(0.488 0.059 319.9)
WCAG contrast: on white 6.49:1 (AA) · on black 3.23:1 (Fail)
- #834B4F color page →
highlight
#834B4F
- RGB
- rgb(131 75 79)
- HSL
- hsl(356 27% 40%)
- OKLCH
- oklch(0.48 0.076 15.7)
WCAG contrast: on white 6.80:1 (AA) · on black 3.08:1 (Fail)
- #49351D color page →
border
#49351D
- RGB
- rgb(73 53 29)
- HSL
- hsl(33 43% 20%)
- OKLCH
- oklch(0.346 0.047 70.3)
WCAG contrast: on white 11.60:1 (AAA) · on black 1.81:1 (Fail)
- #0C1208 color page →
text
#0C1208
- RGB
- rgb(12 18 8)
- HSL
- hsl(96 38% 5%)
- OKLCH
- oklch(0.172 0.022 133.2)
WCAG contrast: on white 18.99:1 (AAA) · on black 1.10:1 (Fail)
Export Steady Red Elegance Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce7d4;
--surface: #a0af97;
--muted: #678052;
--primary: #3e7d7a;
--secondary: #546b87;
--accent: #6f5575;
--highlight: #834b4f;
--border: #49351d;
--text: #0c1208;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce7d4;
--color-surface: #a0af97;
--color-muted: #678052;
--color-primary: #3e7d7a;
--color-secondary: #546b87;
--color-accent: #6f5575;
--color-highlight: #834b4f;
--color-border: #49351d;
--color-text: #0c1208;
}JSON (DTCG tokens)
{
"steady-red-elegance-bloom-6nf": {
"bg": {
"$type": "color",
"$value": "#dce7d4"
},
"surface": {
"$type": "color",
"$value": "#a0af97"
},
"muted": {
"$type": "color",
"$value": "#678052"
},
"primary": {
"$type": "color",
"$value": "#3e7d7a"
},
"secondary": {
"$type": "color",
"$value": "#546b87"
},
"accent": {
"$type": "color",
"$value": "#6f5575"
},
"highlight": {
"$type": "color",
"$value": "#834b4f"
},
"border": {
"$type": "color",
"$value": "#49351d"
},
"text": {
"$type": "color",
"$value": "#0c1208"
}
}
}About this palette
Steady Red Elegance Bloom is a 9-color OKLCH-ready palette tagged orange, warm, 9 colors. Hex values: #DCE7D4, #A0AF97, #678052, #3E7D7A, #546B87, #6F5575, #834B4F, #49351D, #0C1208. APCA contrast score Lc 8.6. 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 Red Elegance Bloom by OKLab color distance.