Palette · 8 colors · Lc 8.4
Classic Nipple Fog palette
Classic Nipple Fog: a 8-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F3EAE8, #D9B9B2, #C6938E, #B97171, #874958, #663346, #45272F, #230911, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EAE8
surface
#D9B9B2
muted
#C6938E
primary
#B97171
secondary
#874958
accent
#663346
highlight
#45272F
text
#230911
Colors in Classic Nipple Fog: HEX, RGB, HSL & OKLCH
- #F3EAE8 color page →
bg
#F3EAE8
- RGB
- rgb(243 234 232)
- HSL
- hsl(11 31% 93%)
- OKLCH
- oklch(0.944 0.01 32.5)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.74:1 (AAA)
- #D9B9B2 color page →
surface
#D9B9B2
- RGB
- rgb(217 185 178)
- HSL
- hsl(11 34% 77%)
- OKLCH
- oklch(0.811 0.038 32.4)
WCAG contrast: on white 1.82:1 (Fail) · on black 11.53:1 (AAA)
- #C6938E color page →
muted
#C6938E
- RGB
- rgb(198 147 142)
- HSL
- hsl(5 33% 67%)
- OKLCH
- oklch(0.711 0.063 25.1)
WCAG contrast: on white 2.63:1 (Fail) · on black 7.96:1 (AAA)
- #B97171 color page →
primary
#B97171
- RGB
- rgb(185 113 113)
- HSL
- hsl(0 34% 58%)
- OKLCH
- oklch(0.626 0.092 20)
WCAG contrast: on white 3.70:1 (Fail) · on black 5.66:1 (AA)
- #874958 color page →
secondary
#874958
- RGB
- rgb(135 73 88)
- HSL
- hsl(345 30% 41%)
- OKLCH
- oklch(0.485 0.086 5.3)
WCAG contrast: on white 6.72:1 (AA) · on black 3.12:1 (Fail)
- #663346 color page →
accent
#663346
- RGB
- rgb(102 51 70)
- HSL
- hsl(338 33% 30%)
- OKLCH
- oklch(0.393 0.077 357.5)
WCAG contrast: on white 9.87:1 (AAA) · on black 2.12:1 (Fail)
- #45272F color page →
highlight
#45272F
- RGB
- rgb(69 39 47)
- HSL
- hsl(344 28% 21%)
- OKLCH
- oklch(0.314 0.046 2.9)
WCAG contrast: on white 13.25:1 (AAA) · on black 1.58:1 (Fail)
- #230911 color page →
text
#230911
- RGB
- rgb(35 9 17)
- HSL
- hsl(342 59% 9%)
- OKLCH
- oklch(0.187 0.046 3.2)
WCAG contrast: on white 18.77:1 (AAA) · on black 1.11:1 (Fail)
Export Classic Nipple Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3eae8;
--surface: #d9b9b2;
--muted: #c6938e;
--primary: #b97171;
--secondary: #874958;
--accent: #663346;
--highlight: #45272f;
--text: #230911;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3eae8;
--color-surface: #d9b9b2;
--color-muted: #c6938e;
--color-primary: #b97171;
--color-secondary: #874958;
--color-accent: #663346;
--color-highlight: #45272f;
--color-text: #230911;
}JSON (DTCG tokens)
{
"classic-nipple-fog-54f": {
"bg": {
"$type": "color",
"$value": "#f3eae8"
},
"surface": {
"$type": "color",
"$value": "#d9b9b2"
},
"muted": {
"$type": "color",
"$value": "#c6938e"
},
"primary": {
"$type": "color",
"$value": "#b97171"
},
"secondary": {
"$type": "color",
"$value": "#874958"
},
"accent": {
"$type": "color",
"$value": "#663346"
},
"highlight": {
"$type": "color",
"$value": "#45272f"
},
"text": {
"$type": "color",
"$value": "#230911"
}
}
}About this palette
Classic Nipple Fog is a 8-color OKLCH-ready palette tagged orange, warm, nature, brown, 8 colors. Hex values: #F3EAE8, #D9B9B2, #C6938E, #B97171, #874958, #663346, #45272F, #230911. APCA contrast score Lc 8.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 Classic Nipple Fog by OKLab color distance.