Palette · 9 colors · Lc 8.6
Steady Nugget Drift palette
Steady Nugget Drift: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F3ECD8, #E0CCA9, #D8A576, #BE9029, #916F00, #736800, #4E5000, #312A00, #221600, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3ECD8
surface
#E0CCA9
muted
#D8A576
primary
#BE9029
secondary
#916F00
accent
#736800
highlight
#4E5000
border
#312A00
text
#221600
Colors in Steady Nugget Drift: HEX, RGB, HSL & OKLCH
- #F3ECD8 color page →
bg
#F3ECD8
- RGB
- rgb(243 236 216)
- HSL
- hsl(44 53% 90%)
- OKLCH
- oklch(0.943 0.027 90.9)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.80:1 (AAA)
- #E0CCA9 color page →
surface
#E0CCA9
- RGB
- rgb(224 204 169)
- HSL
- hsl(38 47% 77%)
- OKLCH
- oklch(0.853 0.052 81.6)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.37:1 (AAA)
- #D8A576 color page →
muted
#D8A576
- RGB
- rgb(216 165 118)
- HSL
- hsl(29 56% 65%)
- OKLCH
- oklch(0.759 0.087 63.6)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.56:1 (AAA)
- #BE9029 color page →
primary
#BE9029
- RGB
- rgb(190 144 41)
- HSL
- hsl(41 65% 45%)
- OKLCH
- oklch(0.68 0.126 82.9)
WCAG contrast: on white 2.91:1 (Fail) · on black 7.21:1 (AAA)
- #916F00 color page →
secondary
#916F00
- RGB
- rgb(145 111 0)
- HSL
- hsl(46 100% 28%)
- OKLCH
- oklch(0.56 0.114 87.3)
WCAG contrast: on white 4.68:1 (AA) · on black 4.47:1 (Fail)
- #736800 color page →
accent
#736800
- RGB
- rgb(115 104 0)
- HSL
- hsl(54 100% 23%)
- OKLCH
- oklch(0.512 0.107 102.2)
WCAG contrast: on white 5.66:1 (AA) · on black 3.70:1 (Fail)
- #4E5000 color page →
highlight
#4E5000
- RGB
- rgb(78 80 0)
- HSL
- hsl(61 100% 16%)
- OKLCH
- oklch(0.416 0.092 111.4)
WCAG contrast: on white 8.49:1 (AAA) · on black 2.47:1 (Fail)
- #312A00 color page →
border
#312A00
- RGB
- rgb(49 42 0)
- HSL
- hsl(51 100% 10%)
- OKLCH
- oklch(0.284 0.059 99.5)
WCAG contrast: on white 14.36:1 (AAA) · on black 1.46:1 (Fail)
- #221600 color page →
text
#221600
- RGB
- rgb(34 22 0)
- HSL
- hsl(39 100% 7%)
- OKLCH
- oklch(0.21 0.043 82.5)
WCAG contrast: on white 17.75:1 (AAA) · on black 1.18:1 (Fail)
Export Steady Nugget Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3ecd8;
--surface: #e0cca9;
--muted: #d8a576;
--primary: #be9029;
--secondary: #916f00;
--accent: #736800;
--highlight: #4e5000;
--border: #312a00;
--text: #221600;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3ecd8;
--color-surface: #e0cca9;
--color-muted: #d8a576;
--color-primary: #be9029;
--color-secondary: #916f00;
--color-accent: #736800;
--color-highlight: #4e5000;
--color-border: #312a00;
--color-text: #221600;
}JSON (DTCG tokens)
{
"steady-nugget-drift-3in": {
"bg": {
"$type": "color",
"$value": "#f3ecd8"
},
"surface": {
"$type": "color",
"$value": "#e0cca9"
},
"muted": {
"$type": "color",
"$value": "#d8a576"
},
"primary": {
"$type": "color",
"$value": "#be9029"
},
"secondary": {
"$type": "color",
"$value": "#916f00"
},
"accent": {
"$type": "color",
"$value": "#736800"
},
"highlight": {
"$type": "color",
"$value": "#4e5000"
},
"border": {
"$type": "color",
"$value": "#312a00"
},
"text": {
"$type": "color",
"$value": "#221600"
}
}
}About this palette
Steady Nugget Drift is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #F3ECD8, #E0CCA9, #D8A576, #BE9029, #916F00, #736800, #4E5000, #312A00, #221600. APCA contrast score Lc 8.6. 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 Steady Nugget Drift by OKLab color distance.