Palette · 9 colors · Lc 9
Classic Nugget Grove palette
Classic Nugget Grove: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F4F0DA, #DECA9B, #CFA669, #C0912B, #8E7D00, #5D6B00, #3E5500, #2D2F00, #171000, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4F0DA
surface
#DECA9B
muted
#CFA669
primary
#C0912B
secondary
#8E7D00
accent
#5D6B00
highlight
#3E5500
border
#2D2F00
text
#171000
Colors in Classic Nugget Grove: HEX, RGB, HSL & OKLCH
- #F4F0DA color page →
bg
#F4F0DA
- RGB
- rgb(244 240 218)
- HSL
- hsl(51 54% 91%)
- OKLCH
- oklch(0.952 0.029 98.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)
- #DECA9B color page →
surface
#DECA9B
- RGB
- rgb(222 202 155)
- HSL
- hsl(42 50% 74%)
- OKLCH
- oklch(0.844 0.066 87.6)
WCAG contrast: on white 1.61:1 (Fail) · on black 13.02:1 (AAA)
- #CFA669 color page →
muted
#CFA669
- RGB
- rgb(207 166 105)
- HSL
- hsl(36 52% 61%)
- OKLCH
- oklch(0.749 0.092 76.5)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.31:1 (AAA)
- #C0912B color page →
primary
#C0912B
- RGB
- rgb(192 145 43)
- HSL
- hsl(41 63% 46%)
- OKLCH
- oklch(0.684 0.126 82.3)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.32:1 (AAA)
- #8E7D00 color page →
secondary
#8E7D00
- RGB
- rgb(142 125 0)
- HSL
- hsl(53 100% 28%)
- OKLCH
- oklch(0.587 0.122 99.7)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.08:1 (AA)
- #5D6B00 color page →
accent
#5D6B00
- RGB
- rgb(93 107 0)
- HSL
- hsl(68 100% 21%)
- OKLCH
- oklch(0.498 0.116 118.3)
WCAG contrast: on white 5.88:1 (AA) · on black 3.56:1 (Fail)
- #3E5500 color page →
highlight
#3E5500
- RGB
- rgb(62 85 0)
- HSL
- hsl(76 100% 17%)
- OKLCH
- oklch(0.415 0.105 125.6)
WCAG contrast: on white 8.38:1 (AAA) · on black 2.50:1 (Fail)
- #2D2F00 color page →
border
#2D2F00
- RGB
- rgb(45 47 0)
- HSL
- hsl(63 100% 9%)
- OKLCH
- oklch(0.293 0.065 112.3)
WCAG contrast: on white 13.83:1 (AAA) · on black 1.51:1 (Fail)
- #171000 color page →
text
#171000
- RGB
- rgb(23 16 0)
- HSL
- hsl(42 100% 5%)
- OKLCH
- oklch(0.177 0.036 90.4)
WCAG contrast: on white 18.90:1 (AAA) · on black 1.11:1 (Fail)
Export Classic Nugget Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f0da;
--surface: #deca9b;
--muted: #cfa669;
--primary: #c0912b;
--secondary: #8e7d00;
--accent: #5d6b00;
--highlight: #3e5500;
--border: #2d2f00;
--text: #171000;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f0da;
--color-surface: #deca9b;
--color-muted: #cfa669;
--color-primary: #c0912b;
--color-secondary: #8e7d00;
--color-accent: #5d6b00;
--color-highlight: #3e5500;
--color-border: #2d2f00;
--color-text: #171000;
}JSON (DTCG tokens)
{
"classic-nugget-grove-5ho": {
"bg": {
"$type": "color",
"$value": "#f4f0da"
},
"surface": {
"$type": "color",
"$value": "#deca9b"
},
"muted": {
"$type": "color",
"$value": "#cfa669"
},
"primary": {
"$type": "color",
"$value": "#c0912b"
},
"secondary": {
"$type": "color",
"$value": "#8e7d00"
},
"accent": {
"$type": "color",
"$value": "#5d6b00"
},
"highlight": {
"$type": "color",
"$value": "#3e5500"
},
"border": {
"$type": "color",
"$value": "#2d2f00"
},
"text": {
"$type": "color",
"$value": "#171000"
}
}
}About this palette
Classic Nugget Grove is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #F4F0DA, #DECA9B, #CFA669, #C0912B, #8E7D00, #5D6B00, #3E5500, #2D2F00, #171000. 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 Nugget Grove by OKLab color distance.