Palette · 5 colors · Lc 8.7
Steady Capers Tide palette
Steady Capers Tide: a 5-color palette (Green, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F0ECE4, #8D7741, #536184, #342D21, #120D05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0ECE4
surface
#8D7741
primary
#536184
accent
#342D21
text
#120D05
Colors in Steady Capers Tide: HEX, RGB, HSL & OKLCH
- #F0ECE4 color page →
bg
#F0ECE4
- RGB
- rgb(240 236 228)
- HSL
- hsl(40 29% 92%)
- OKLCH
- oklch(0.944 0.012 84.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.82:1 (AAA)
- #8D7741 color page →
surface
#8D7741
- RGB
- rgb(141 119 65)
- HSL
- hsl(43 37% 40%)
- OKLCH
- oklch(0.578 0.078 87.8)
WCAG contrast: on white 4.33:1 (Fail) · on black 4.84:1 (AA)
- #536184 color page →
primary
#536184
- RGB
- rgb(83 97 132)
- HSL
- hsl(223 23% 42%)
- OKLCH
- oklch(0.495 0.059 267.4)
WCAG contrast: on white 6.15:1 (AA) · on black 3.41:1 (Fail)
- #342D21 color page →
accent
#342D21
- RGB
- rgb(52 45 33)
- HSL
- hsl(38 22% 17%)
- OKLCH
- oklch(0.301 0.023 81)
WCAG contrast: on white 13.60:1 (AAA) · on black 1.54:1 (Fail)
- #120D05 color page →
text
#120D05
- RGB
- rgb(18 13 5)
- HSL
- hsl(37 57% 5%)
- OKLCH
- oklch(0.163 0.019 81.5)
WCAG contrast: on white 19.34:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Capers Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0ece4;
--surface: #8d7741;
--primary: #536184;
--accent: #342d21;
--text: #120d05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0ece4;
--color-surface: #8d7741;
--color-primary: #536184;
--color-accent: #342d21;
--color-text: #120d05;
}JSON (DTCG tokens)
{
"steady-capers-tide-2zn": {
"bg": {
"$type": "color",
"$value": "#f0ece4"
},
"surface": {
"$type": "color",
"$value": "#8d7741"
},
"primary": {
"$type": "color",
"$value": "#536184"
},
"accent": {
"$type": "color",
"$value": "#342d21"
},
"text": {
"$type": "color",
"$value": "#120d05"
}
}
}About this palette
Steady Capers Tide is a 5-color OKLCH-ready palette tagged green, gray, warm, 5 colors. Hex values: #F0ECE4, #8D7741, #536184, #342D21, #120D05. 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 Capers Tide by OKLab color distance.