Palette · 9 colors · Lc 8.5
Fernweh Fog palette
Fernweh Fog: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #F1EDDF, #D5C7AB, #D5AE70, #AB9147, #917800, #695C00, #4B5200, #322B00, #201A05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#F1EDDF
surface
#D5C7AB
muted
#D5AE70
primary
#AB9147
secondary
#917800
accent
#695C00
highlight
#4B5200
border
#322B00
text
#201A05
Colors in Fernweh Fog: HEX, RGB, HSL & OKLCH
- #F1EDDF color page →
bg
#F1EDDF
- RGB
- rgb(241 237 223)
- HSL
- hsl(47 39% 91%)
- OKLCH
- oklch(0.945 0.019 93.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.91:1 (AAA)
- #D5C7AB color page →
surface
#D5C7AB
- RGB
- rgb(213 199 171)
- HSL
- hsl(40 33% 75%)
- OKLCH
- oklch(0.834 0.041 84.6)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.58:1 (AAA)
- #D5AE70 color page →
muted
#D5AE70
- RGB
- rgb(213 174 112)
- HSL
- hsl(37 55% 64%)
- OKLCH
- oklch(0.772 0.092 78.4)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.11:1 (AAA)
- #AB9147 color page →
primary
#AB9147
- RGB
- rgb(171 145 71)
- HSL
- hsl(44 41% 47%)
- OKLCH
- oklch(0.665 0.099 90.2)
WCAG contrast: on white 3.05:1 (Fail) · on black 6.87:1 (AA)
- #917800 color page →
secondary
#917800
- RGB
- rgb(145 120 0)
- HSL
- hsl(50 100% 28%)
- OKLCH
- oklch(0.579 0.119 94.3)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.89:1 (AA)
- #695C00 color page →
accent
#695C00
- RGB
- rgb(105 92 0)
- HSL
- hsl(53 100% 21%)
- OKLCH
- oklch(0.473 0.098 99.7)
WCAG contrast: on white 6.70:1 (AA) · on black 3.13:1 (Fail)
- #4B5200 color page →
highlight
#4B5200
- RGB
- rgb(75 82 0)
- HSL
- hsl(65 100% 16%)
- OKLCH
- oklch(0.418 0.095 115.3)
WCAG contrast: on white 8.37:1 (AAA) · on black 2.50:1 (Fail)
- #322B00 color page →
border
#322B00
- RGB
- rgb(50 43 0)
- HSL
- hsl(52 100% 10%)
- OKLCH
- oklch(0.288 0.06 99.7)
WCAG contrast: on white 14.17:1 (AAA) · on black 1.48:1 (Fail)
- #201A05 color page →
text
#201A05
- RGB
- rgb(32 26 5)
- HSL
- hsl(47 73% 7%)
- OKLCH
- oklch(0.219 0.036 93.9)
WCAG contrast: on white 17.33:1 (AAA) · on black 1.21:1 (Fail)
Export Fernweh Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1eddf;
--surface: #d5c7ab;
--muted: #d5ae70;
--primary: #ab9147;
--secondary: #917800;
--accent: #695c00;
--highlight: #4b5200;
--border: #322b00;
--text: #201a05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1eddf;
--color-surface: #d5c7ab;
--color-muted: #d5ae70;
--color-primary: #ab9147;
--color-secondary: #917800;
--color-accent: #695c00;
--color-highlight: #4b5200;
--color-border: #322b00;
--color-text: #201a05;
}JSON (DTCG tokens)
{
"fernweh-fog-4eq": {
"bg": {
"$type": "color",
"$value": "#f1eddf"
},
"surface": {
"$type": "color",
"$value": "#d5c7ab"
},
"muted": {
"$type": "color",
"$value": "#d5ae70"
},
"primary": {
"$type": "color",
"$value": "#ab9147"
},
"secondary": {
"$type": "color",
"$value": "#917800"
},
"accent": {
"$type": "color",
"$value": "#695c00"
},
"highlight": {
"$type": "color",
"$value": "#4b5200"
},
"border": {
"$type": "color",
"$value": "#322b00"
},
"text": {
"$type": "color",
"$value": "#201a05"
}
}
}About this palette
Fernweh Fog is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #F1EDDF, #D5C7AB, #D5AE70, #AB9147, #917800, #695C00, #4B5200, #322B00, #201A05. APCA contrast score Lc 8.5. 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 Fernweh Fog by OKLab color distance.