Palette · 8 colors · Lc 9
Classic Hazelnut Harbor palette
Classic Hazelnut Harbor: a 8-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FCF1E6, #D9BEA8, #BF9679, #B0765B, #834C39, #623730, #3F1E14, #27140F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FCF1E6
surface
#D9BEA8
muted
#BF9679
primary
#B0765B
secondary
#834C39
accent
#623730
highlight
#3F1E14
text
#27140F
Colors in Classic Hazelnut Harbor: HEX, RGB, HSL & OKLCH
- #FCF1E6 color page →
bg
#FCF1E6
- RGB
- rgb(252 241 230)
- HSL
- hsl(30 79% 95%)
- OKLCH
- oklch(0.964 0.019 67.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.86:1 (AAA)
- #D9BEA8 color page →
surface
#D9BEA8
- RGB
- rgb(217 190 168)
- HSL
- hsl(27 39% 75%)
- OKLCH
- oklch(0.819 0.043 61.3)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.88:1 (AAA)
- #BF9679 color page →
muted
#BF9679
- RGB
- rgb(191 150 121)
- HSL
- hsl(25 35% 61%)
- OKLCH
- oklch(0.704 0.064 56.7)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.85:1 (AAA)
- #B0765B color page →
primary
#B0765B
- RGB
- rgb(176 118 91)
- HSL
- hsl(19 35% 52%)
- OKLCH
- oklch(0.62 0.083 45.7)
WCAG contrast: on white 3.75:1 (Fail) · on black 5.58:1 (AA)
- #834C39 color page →
secondary
#834C39
- RGB
- rgb(131 76 57)
- HSL
- hsl(15 39% 37%)
- OKLCH
- oklch(0.477 0.081 39.7)
WCAG contrast: on white 6.86:1 (AA) · on black 3.05:1 (Fail)
- #623730 color page →
accent
#623730
- RGB
- rgb(98 55 48)
- HSL
- hsl(8 34% 29%)
- OKLCH
- oklch(0.388 0.063 30.1)
WCAG contrast: on white 9.95:1 (AAA) · on black 2.10:1 (Fail)
- #3F1E14 color page →
highlight
#3F1E14
- RGB
- rgb(63 30 20)
- HSL
- hsl(14 52% 16%)
- OKLCH
- oklch(0.279 0.055 37.6)
WCAG contrast: on white 14.92:1 (AAA) · on black 1.40:1 (Fail)
- #27140F color page →
text
#27140F
- RGB
- rgb(39 20 15)
- HSL
- hsl(12 44% 11%)
- OKLCH
- oklch(0.216 0.033 35.5)
WCAG contrast: on white 17.59:1 (AAA) · on black 1.19:1 (Fail)
Export Classic Hazelnut Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf1e6;
--surface: #d9bea8;
--muted: #bf9679;
--primary: #b0765b;
--secondary: #834c39;
--accent: #623730;
--highlight: #3f1e14;
--text: #27140f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf1e6;
--color-surface: #d9bea8;
--color-muted: #bf9679;
--color-primary: #b0765b;
--color-secondary: #834c39;
--color-accent: #623730;
--color-highlight: #3f1e14;
--color-text: #27140f;
}JSON (DTCG tokens)
{
"classic-hazelnut-harbor-281": {
"bg": {
"$type": "color",
"$value": "#fcf1e6"
},
"surface": {
"$type": "color",
"$value": "#d9bea8"
},
"muted": {
"$type": "color",
"$value": "#bf9679"
},
"primary": {
"$type": "color",
"$value": "#b0765b"
},
"secondary": {
"$type": "color",
"$value": "#834c39"
},
"accent": {
"$type": "color",
"$value": "#623730"
},
"highlight": {
"$type": "color",
"$value": "#3f1e14"
},
"text": {
"$type": "color",
"$value": "#27140f"
}
}
}About this palette
Classic Hazelnut Harbor is a 8-color OKLCH-ready palette tagged yellow, warm, nature, brown, 8 colors. Hex values: #FCF1E6, #D9BEA8, #BF9679, #B0765B, #834C39, #623730, #3F1E14, #27140F. APCA contrast score Lc 9. 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 Hazelnut Harbor by OKLab color distance.