Palette · 9 colors · Lc 9.8
Pure Nugget Ember palette
Pure Nugget Ember: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #100900, #2A1C00, #443000, #694800, #8D6700, #B9902B, #CBA562, #EBD196, #FFF3D6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#100900
surface
#2A1C00
muted
#443000
primary
#694800
secondary
#8D6700
accent
#B9902B
highlight
#CBA562
border
#EBD196
text
#FFF3D6
Colors in Pure Nugget Ember: HEX, RGB, HSL & OKLCH
- #100900 color page →
bg
#100900
- RGB
- rgb(16 9 0)
- HSL
- hsl(34 100% 3%)
- OKLCH
- oklch(0.146 0.03 84.6)
WCAG contrast: on white 19.79:1 (AAA) · on black 1.06:1 (Fail)
- #2A1C00 color page →
surface
#2A1C00
- RGB
- rgb(42 28 0)
- HSL
- hsl(40 100% 8%)
- OKLCH
- oklch(0.238 0.049 82.5)
WCAG contrast: on white 16.60:1 (AAA) · on black 1.26:1 (Fail)
- #443000 color page →
muted
#443000
- RGB
- rgb(68 48 0)
- HSL
- hsl(42 100% 13%)
- OKLCH
- oklch(0.324 0.067 83.3)
WCAG contrast: on white 12.58:1 (AAA) · on black 1.66:1 (Fail)
- #694800 color page →
primary
#694800
- RGB
- rgb(105 72 0)
- HSL
- hsl(41 100% 21%)
- OKLCH
- oklch(0.427 0.089 78.7)
WCAG contrast: on white 8.30:1 (AAA) · on black 2.52:1 (Fail)
- #8D6700 color page →
secondary
#8D6700
- RGB
- rgb(141 103 0)
- HSL
- hsl(44 100% 28%)
- OKLCH
- oklch(0.538 0.111 83.1)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #B9902B color page →
accent
#B9902B
- RGB
- rgb(185 144 43)
- HSL
- hsl(43 62% 45%)
- OKLCH
- oklch(0.675 0.123 85.4)
WCAG contrast: on white 2.96:1 (Fail) · on black 7.08:1 (AAA)
- #CBA562 color page →
highlight
#CBA562
- RGB
- rgb(203 165 98)
- HSL
- hsl(38 50% 59%)
- OKLCH
- oklch(0.742 0.096 80.6)
WCAG contrast: on white 2.30:1 (Fail) · on black 9.09:1 (AAA)
- #EBD196 color page →
border
#EBD196
- RGB
- rgb(235 209 150)
- HSL
- hsl(42 68% 75%)
- OKLCH
- oklch(0.869 0.081 86.9)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.09:1 (AAA)
- #FFF3D6 color page →
text
#FFF3D6
- RGB
- rgb(255 243 214)
- HSL
- hsl(42 100% 92%)
- OKLCH
- oklch(0.966 0.04 88.2)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
Export Pure Nugget Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #100900;
--surface: #2a1c00;
--muted: #443000;
--primary: #694800;
--secondary: #8d6700;
--accent: #b9902b;
--highlight: #cba562;
--border: #ebd196;
--text: #fff3d6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #100900;
--color-surface: #2a1c00;
--color-muted: #443000;
--color-primary: #694800;
--color-secondary: #8d6700;
--color-accent: #b9902b;
--color-highlight: #cba562;
--color-border: #ebd196;
--color-text: #fff3d6;
}JSON (DTCG tokens)
{
"pure-nugget-ember-5z6": {
"bg": {
"$type": "color",
"$value": "#100900"
},
"surface": {
"$type": "color",
"$value": "#2a1c00"
},
"muted": {
"$type": "color",
"$value": "#443000"
},
"primary": {
"$type": "color",
"$value": "#694800"
},
"secondary": {
"$type": "color",
"$value": "#8d6700"
},
"accent": {
"$type": "color",
"$value": "#b9902b"
},
"highlight": {
"$type": "color",
"$value": "#cba562"
},
"border": {
"$type": "color",
"$value": "#ebd196"
},
"text": {
"$type": "color",
"$value": "#fff3d6"
}
}
}About this palette
Pure Nugget Ember is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #100900, #2A1C00, #443000, #694800, #8D6700, #B9902B, #CBA562, #EBD196, #FFF3D6. APCA contrast score Lc 9.8. 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 Pure Nugget Ember by OKLab color distance.