Palette · 4 colors · Lc 8.3
Classic Babe Fog palette
Classic Babe Fog: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FFE3E2, #DD8181, #81302F, #130808, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE3E2
surface
#DD8181
accent
#81302F
text
#130808
Colors in Classic Babe Fog: HEX, RGB, HSL & OKLCH
- #FFE3E2 color page →
bg
#FFE3E2
- RGB
- rgb(255 227 226)
- HSL
- hsl(2 100% 94%)
- OKLCH
- oklch(0.938 0.031 20.2)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.33:1 (AAA)
- #DD8181 color page →
surface
#DD8181
- RGB
- rgb(221 129 129)
- HSL
- hsl(0 58% 69%)
- OKLCH
- oklch(0.702 0.114 20.3)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.53:1 (AAA)
- #81302F color page →
accent
#81302F
- RGB
- rgb(129 48 47)
- HSL
- hsl(1 47% 35%)
- OKLCH
- oklch(0.425 0.113 23.8)
WCAG contrast: on white 8.76:1 (AAA) · on black 2.39:1 (Fail)
- #130808 color page →
text
#130808
- RGB
- rgb(19 8 8)
- HSL
- hsl(0 41% 5%)
- OKLCH
- oklch(0.151 0.02 19.7)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
Export Classic Babe Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe3e2;
--surface: #dd8181;
--accent: #81302f;
--text: #130808;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe3e2;
--color-surface: #dd8181;
--color-accent: #81302f;
--color-text: #130808;
}JSON (DTCG tokens)
{
"classic-babe-fog-3ea": {
"bg": {
"$type": "color",
"$value": "#ffe3e2"
},
"surface": {
"$type": "color",
"$value": "#dd8181"
},
"accent": {
"$type": "color",
"$value": "#81302f"
},
"text": {
"$type": "color",
"$value": "#130808"
}
}
}About this palette
Classic Babe Fog is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #FFE3E2, #DD8181, #81302F, #130808. APCA contrast score Lc 8.3. 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 Classic Babe Fog by OKLab color distance.