Palette · 9 colors · Lc 9.2
True Nugget Ember palette
True Nugget Ember: a 9-color palette (Green, Warm, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #100C03, #281900, #4F3800, #754F00, #956C00, #BC8D21, #CAAB62, #E5C88F, #FBF2D7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Warm
- Monochromatic
- 9 Colors
bg
#100C03
surface
#281900
muted
#4F3800
primary
#754F00
secondary
#956C00
accent
#BC8D21
highlight
#CAAB62
border
#E5C88F
text
#FBF2D7
Colors in True Nugget Ember: HEX, RGB, HSL & OKLCH
- #100C03 color page →
bg
#100C03
- RGB
- rgb(16 12 3)
- HSL
- hsl(42 68% 4%)
- OKLCH
- oklch(0.156 0.022 90.5)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
- #281900 color page →
surface
#281900
- RGB
- rgb(40 25 0)
- HSL
- hsl(38 100% 8%)
- OKLCH
- oklch(0.227 0.047 78.6)
WCAG contrast: on white 17.08:1 (AAA) · on black 1.22:1 (Fail)
- #4F3800 color page →
muted
#4F3800
- RGB
- rgb(79 56 0)
- HSL
- hsl(43 100% 15%)
- OKLCH
- oklch(0.357 0.073 82.8)
WCAG contrast: on white 11.06:1 (AAA) · on black 1.89:1 (Fail)
- #754F00 color page →
primary
#754F00
- RGB
- rgb(117 79 0)
- HSL
- hsl(41 100% 23%)
- OKLCH
- oklch(0.458 0.096 76.9)
WCAG contrast: on white 7.30:1 (AAA) · on black 2.87:1 (Fail)
- #956C00 color page →
secondary
#956C00
- RGB
- rgb(149 108 0)
- HSL
- hsl(43 100% 29%)
- OKLCH
- oklch(0.558 0.115 82.2)
WCAG contrast: on white 4.74:1 (AA) · on black 4.42:1 (Fail)
- #BC8D21 color page →
accent
#BC8D21
- RGB
- rgb(188 141 33)
- HSL
- hsl(42 70% 43%)
- OKLCH
- oklch(0.671 0.129 82.7)
WCAG contrast: on white 3.01:1 (Fail) · on black 6.97:1 (AA)
- #CAAB62 color page →
highlight
#CAAB62
- RGB
- rgb(202 171 98)
- HSL
- hsl(42 50% 59%)
- OKLCH
- oklch(0.753 0.099 87)
WCAG contrast: on white 2.20:1 (Fail) · on black 9.51:1 (AAA)
- #E5C88F color page →
border
#E5C88F
- RGB
- rgb(229 200 143)
- HSL
- hsl(40 62% 73%)
- OKLCH
- oklch(0.844 0.081 83.8)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.98:1 (AAA)
- #FBF2D7 color page →
text
#FBF2D7
- RGB
- rgb(251 242 215)
- HSL
- hsl(45 82% 91%)
- OKLCH
- oklch(0.961 0.037 91.7)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.78:1 (AAA)
Export True Nugget Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #100c03;
--surface: #281900;
--muted: #4f3800;
--primary: #754f00;
--secondary: #956c00;
--accent: #bc8d21;
--highlight: #caab62;
--border: #e5c88f;
--text: #fbf2d7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #100c03;
--color-surface: #281900;
--color-muted: #4f3800;
--color-primary: #754f00;
--color-secondary: #956c00;
--color-accent: #bc8d21;
--color-highlight: #caab62;
--color-border: #e5c88f;
--color-text: #fbf2d7;
}JSON (DTCG tokens)
{
"true-nugget-ember-4uz": {
"bg": {
"$type": "color",
"$value": "#100c03"
},
"surface": {
"$type": "color",
"$value": "#281900"
},
"muted": {
"$type": "color",
"$value": "#4f3800"
},
"primary": {
"$type": "color",
"$value": "#754f00"
},
"secondary": {
"$type": "color",
"$value": "#956c00"
},
"accent": {
"$type": "color",
"$value": "#bc8d21"
},
"highlight": {
"$type": "color",
"$value": "#caab62"
},
"border": {
"$type": "color",
"$value": "#e5c88f"
},
"text": {
"$type": "color",
"$value": "#fbf2d7"
}
}
}About this palette
True Nugget Ember is a 9-color OKLCH-ready palette tagged green, warm, monochromatic, 9 colors. Hex values: #100C03, #281900, #4F3800, #754F00, #956C00, #BC8D21, #CAAB62, #E5C88F, #FBF2D7. APCA contrast score Lc 9.2. 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 Nugget Ember by OKLab color distance.