Palette · 10 colors · Lc 9.2
Fernweh System palette
Fernweh System: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #090700, #211C00, #3A3100, #594E00, #766400, #9D7D00, #B29A39, #CAAE58, #EDDBA0, #FEF5D7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#090700
surface
#211C00
muted
#3A3100
primary
#594E00
secondary
#766400
accent
#9D7D00
highlight
#B29A39
border
#CAAE58
focus
#EDDBA0
text
#FEF5D7
Colors in Fernweh System: HEX, RGB, HSL & OKLCH
- #090700 color page →
bg
#090700
- RGB
- rgb(9 7 0)
- HSL
- hsl(47 100% 2%)
- OKLCH
- oklch(0.128 0.027 100.7)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
- #211C00 color page →
surface
#211C00
- RGB
- rgb(33 28 0)
- HSL
- hsl(51 100% 6%)
- OKLCH
- oklch(0.225 0.047 100)
WCAG contrast: on white 17.06:1 (AAA) · on black 1.23:1 (Fail)
- #3A3100 color page →
muted
#3A3100
- RGB
- rgb(58 49 0)
- HSL
- hsl(51 100% 11%)
- OKLCH
- oklch(0.313 0.065 98)
WCAG contrast: on white 12.96:1 (AAA) · on black 1.61:1 (Fail)
- #594E00 color page →
primary
#594E00
- RGB
- rgb(89 78 0)
- HSL
- hsl(53 100% 17%)
- OKLCH
- oklch(0.422 0.088 100)
WCAG contrast: on white 8.35:1 (AAA) · on black 2.51:1 (Fail)
- #766400 color page →
secondary
#766400
- RGB
- rgb(118 100 0)
- HSL
- hsl(51 100% 23%)
- OKLCH
- oklch(0.505 0.104 96.7)
WCAG contrast: on white 5.84:1 (AA) · on black 3.59:1 (Fail)
- #9D7D00 color page →
accent
#9D7D00
- RGB
- rgb(157 125 0)
- HSL
- hsl(48 100% 31%)
- OKLCH
- oklch(0.603 0.123 90.7)
WCAG contrast: on white 3.91:1 (Fail) · on black 5.36:1 (AA)
- #B29A39 color page →
highlight
#B29A39
- RGB
- rgb(178 154 57)
- HSL
- hsl(48 51% 46%)
- OKLCH
- oklch(0.689 0.118 95.1)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.57:1 (AAA)
- #CAAE58 color page →
border
#CAAE58
- RGB
- rgb(202 174 88)
- HSL
- hsl(45 52% 57%)
- OKLCH
- oklch(0.758 0.111 91.6)
WCAG contrast: on white 2.16:1 (Fail) · on black 9.70:1 (AAA)
- #EDDBA0 color page →
focus
#EDDBA0
- RGB
- rgb(237 219 160)
- HSL
- hsl(46 68% 78%)
- OKLCH
- oklch(0.892 0.078 93.1)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.24:1 (AAA)
- #FEF5D7 color page →
text
#FEF5D7
- RGB
- rgb(254 245 215)
- HSL
- hsl(46 95% 92%)
- OKLCH
- oklch(0.969 0.04 93.2)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.25:1 (AAA)
Export Fernweh System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #090700;
--surface: #211c00;
--muted: #3a3100;
--primary: #594e00;
--secondary: #766400;
--accent: #9d7d00;
--highlight: #b29a39;
--border: #caae58;
--focus: #eddba0;
--text: #fef5d7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #090700;
--color-surface: #211c00;
--color-muted: #3a3100;
--color-primary: #594e00;
--color-secondary: #766400;
--color-accent: #9d7d00;
--color-highlight: #b29a39;
--color-border: #caae58;
--color-focus: #eddba0;
--color-text: #fef5d7;
}JSON (DTCG tokens)
{
"fernweh-system-7ps": {
"bg": {
"$type": "color",
"$value": "#090700"
},
"surface": {
"$type": "color",
"$value": "#211c00"
},
"muted": {
"$type": "color",
"$value": "#3a3100"
},
"primary": {
"$type": "color",
"$value": "#594e00"
},
"secondary": {
"$type": "color",
"$value": "#766400"
},
"accent": {
"$type": "color",
"$value": "#9d7d00"
},
"highlight": {
"$type": "color",
"$value": "#b29a39"
},
"border": {
"$type": "color",
"$value": "#caae58"
},
"focus": {
"$type": "color",
"$value": "#eddba0"
},
"text": {
"$type": "color",
"$value": "#fef5d7"
}
}
}About this palette
Fernweh System is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #090700, #211C00, #3A3100, #594E00, #766400, #9D7D00, #B29A39, #CAAE58, #EDDBA0, #FEF5D7. APCA contrast score Lc 9.2. 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 System by OKLab color distance.