Palette · 4 colors · Lc 9.4
Lion’s Roar Harbor palette
Lion’s Roar Harbor: a 4-color palette (Trending, Green, Gray, Warm). HEX, RGB, HSL and OKLCH for #F0EEEB, #F8DCB3, #D6AE98, #403524, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0EEEB
surface
#F8DCB3
accent
#D6AE98
text
#403524
Colors in Lion’s Roar Harbor: HEX, RGB, HSL & OKLCH
- #F0EEEB color page →
bg
#F0EEEB
- RGB
- rgb(240 238 235)
- HSL
- hsl(36 14% 93%)
- OKLCH
- oklch(0.95 0.005 78.3)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.13:1 (AAA)
- #F8DCB3 color page →
surface
#F8DCB3
- RGB
- rgb(248 220 179)
- HSL
- hsl(36 83% 84%)
- OKLCH
- oklch(0.908 0.062 77.2)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.87:1 (AAA)
- #D6AE98 color page →
accent
#D6AE98
- RGB
- rgb(214 174 152)
- HSL
- hsl(21 43% 72%)
- OKLCH
- oklch(0.781 0.056 50.4)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.36:1 (AAA)
- #403524 color page →
text
#403524
- RGB
- rgb(64 53 36)
- HSL
- hsl(36 28% 20%)
- OKLCH
- oklch(0.336 0.032 78.2)
WCAG contrast: on white 11.98:1 (AAA) · on black 1.75:1 (Fail)
Export Lion’s Roar Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0eeeb;
--surface: #f8dcb3;
--accent: #d6ae98;
--text: #403524;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0eeeb;
--color-surface: #f8dcb3;
--color-accent: #d6ae98;
--color-text: #403524;
}JSON (DTCG tokens)
{
"lion-s-roar-harbor-4b7": {
"bg": {
"$type": "color",
"$value": "#f0eeeb"
},
"surface": {
"$type": "color",
"$value": "#f8dcb3"
},
"accent": {
"$type": "color",
"$value": "#d6ae98"
},
"text": {
"$type": "color",
"$value": "#403524"
}
}
}About this palette
Lion’s Roar Harbor is a 4-color OKLCH-ready palette tagged trending, green, gray, warm, pastel, 4 colors. Hex values: #F0EEEB, #F8DCB3, #D6AE98, #403524. APCA contrast score Lc 9.4. 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 Lion’s Roar Harbor by OKLab color distance.