Palette · 3 colors · Lc 8.7
True Glazed Chestnut Harbor palette
True Glazed Chestnut Harbor: a 3-color palette (Green, Warm, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #060400, #987600, #E8E8E1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Warm
- Dark Mode UI
- UI System
- 3 Colors
bg
#060400
accent
#987600
text
#E8E8E1
Colors in True Glazed Chestnut Harbor: HEX, RGB, HSL & OKLCH
- #060400 color page →
bg
#060400
- RGB
- rgb(6 4 0)
- HSL
- hsl(40 100% 1%)
- OKLCH
- oklch(0.108 0.022 94.5)
WCAG contrast: on white 20.48:1 (AAA) · on black 1.02:1 (Fail)
- #987600 color page →
accent
#987600
- RGB
- rgb(152 118 0)
- HSL
- hsl(47 100% 30%)
- OKLCH
- oklch(0.583 0.119 88.4)
WCAG contrast: on white 4.26:1 (Fail) · on black 4.92:1 (AA)
- #E8E8E1 color page →
text
#E8E8E1
- RGB
- rgb(232 232 225)
- HSL
- hsl(60 13% 90%)
- OKLCH
- oklch(0.929 0.009 106.6)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.06:1 (AAA)
Export True Glazed Chestnut Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060400;
--accent: #987600;
--text: #e8e8e1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060400;
--color-accent: #987600;
--color-text: #e8e8e1;
}JSON (DTCG tokens)
{
"true-glazed-chestnut-harbor-506": {
"bg": {
"$type": "color",
"$value": "#060400"
},
"accent": {
"$type": "color",
"$value": "#987600"
},
"text": {
"$type": "color",
"$value": "#e8e8e1"
}
}
}About this palette
True Glazed Chestnut Harbor is a 3-color OKLCH-ready palette tagged green, warm, dark mode ui, ui system, 3 colors. Hex values: #060400, #987600, #E8E8E1. APCA contrast score Lc 8.7. 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 True Glazed Chestnut Harbor by OKLab color distance.