Palette · 9 colors · Lc 8
Steady Dark Orange Tide palette
Steady Dark Orange Tide: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F2E5DE, #EBBCB2, #E7988F, #D87153, #C95A00, #9F4500, #773D00, #542200, #2E1206, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E5DE
surface
#EBBCB2
muted
#E7988F
primary
#D87153
secondary
#C95A00
accent
#9F4500
highlight
#773D00
border
#542200
text
#2E1206
Colors in Steady Dark Orange Tide: HEX, RGB, HSL & OKLCH
- #F2E5DE color page →
bg
#F2E5DE
- RGB
- rgb(242 229 222)
- HSL
- hsl(21 43% 91%)
- OKLCH
- oklch(0.93 0.017 50.4)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.03:1 (AAA)
- #EBBCB2 color page →
surface
#EBBCB2
- RGB
- rgb(235 188 178)
- HSL
- hsl(11 59% 81%)
- OKLCH
- oklch(0.834 0.056 32.1)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.36:1 (AAA)
- #E7988F color page →
muted
#E7988F
- RGB
- rgb(231 152 143)
- HSL
- hsl(6 65% 73%)
- OKLCH
- oklch(0.756 0.097 26.7)
WCAG contrast: on white 2.26:1 (Fail) · on black 9.28:1 (AAA)
- #D87153 color page →
primary
#D87153
- RGB
- rgb(216 113 83)
- HSL
- hsl(14 63% 59%)
- OKLCH
- oklch(0.661 0.137 37.1)
WCAG contrast: on white 3.27:1 (Fail) · on black 6.40:1 (AA)
- #C95A00 color page →
secondary
#C95A00
- RGB
- rgb(201 90 0)
- HSL
- hsl(27 100% 39%)
- OKLCH
- oklch(0.597 0.162 48.3)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.94:1 (AA)
- #9F4500 color page →
accent
#9F4500
- RGB
- rgb(159 69 0)
- HSL
- hsl(26 100% 31%)
- OKLCH
- oklch(0.501 0.137 47.9)
WCAG contrast: on white 6.31:1 (AA) · on black 3.32:1 (Fail)
- #773D00 color page →
highlight
#773D00
- RGB
- rgb(119 61 0)
- HSL
- hsl(31 100% 23%)
- OKLCH
- oklch(0.425 0.103 57.2)
WCAG contrast: on white 8.56:1 (AAA) · on black 2.45:1 (Fail)
- #542200 color page →
border
#542200
- RGB
- rgb(84 34 0)
- HSL
- hsl(24 100% 16%)
- OKLCH
- oklch(0.32 0.086 48.9)
WCAG contrast: on white 13.07:1 (AAA) · on black 1.60:1 (Fail)
- #2E1206 color page →
text
#2E1206
- RGB
- rgb(46 18 6)
- HSL
- hsl(18 77% 10%)
- OKLCH
- oklch(0.222 0.051 43.4)
WCAG contrast: on white 17.42:1 (AAA) · on black 1.20:1 (Fail)
Export Steady Dark Orange Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e5de;
--surface: #ebbcb2;
--muted: #e7988f;
--primary: #d87153;
--secondary: #c95a00;
--accent: #9f4500;
--highlight: #773d00;
--border: #542200;
--text: #2e1206;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e5de;
--color-surface: #ebbcb2;
--color-muted: #e7988f;
--color-primary: #d87153;
--color-secondary: #c95a00;
--color-accent: #9f4500;
--color-highlight: #773d00;
--color-border: #542200;
--color-text: #2e1206;
}JSON (DTCG tokens)
{
"steady-dark-orange-tide-71z": {
"bg": {
"$type": "color",
"$value": "#f2e5de"
},
"surface": {
"$type": "color",
"$value": "#ebbcb2"
},
"muted": {
"$type": "color",
"$value": "#e7988f"
},
"primary": {
"$type": "color",
"$value": "#d87153"
},
"secondary": {
"$type": "color",
"$value": "#c95a00"
},
"accent": {
"$type": "color",
"$value": "#9f4500"
},
"highlight": {
"$type": "color",
"$value": "#773d00"
},
"border": {
"$type": "color",
"$value": "#542200"
},
"text": {
"$type": "color",
"$value": "#2e1206"
}
}
}About this palette
Steady Dark Orange Tide is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #F2E5DE, #EBBCB2, #E7988F, #D87153, #C95A00, #9F4500, #773D00, #542200, #2E1206. APCA contrast score Lc 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 Steady Dark Orange Tide by OKLab color distance.