Palette · 10 colors · Lc 10
Lucky Dune palette
Lucky Dune: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #FFF8E3, #E4CF95, #C0B75E, #A59A00, #857F00, #726B00, #595100, #392E00, #1B1D00, #090900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#FFF8E3
surface
#E4CF95
muted
#C0B75E
primary
#A59A00
secondary
#857F00
accent
#726B00
highlight
#595100
border
#392E00
focus
#1B1D00
text
#090900
Colors in Lucky Dune: HEX, RGB, HSL & OKLCH
- #FFF8E3 color page →
bg
#FFF8E3
- RGB
- rgb(255 248 227)
- HSL
- hsl(45 100% 95%)
- OKLCH
- oklch(0.979 0.028 91.6)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.78:1 (AAA)
- #E4CF95 color page →
surface
#E4CF95
- RGB
- rgb(228 207 149)
- HSL
- hsl(44 59% 74%)
- OKLCH
- oklch(0.858 0.079 90.5)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.65:1 (AAA)
- #C0B75E color page →
muted
#C0B75E
- RGB
- rgb(192 183 94)
- HSL
- hsl(54 44% 56%)
- OKLCH
- oklch(0.768 0.112 103.5)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.17:1 (AAA)
- #A59A00 color page →
primary
#A59A00
- RGB
- rgb(165 154 0)
- HSL
- hsl(56 100% 32%)
- OKLCH
- oklch(0.674 0.143 104.5)
WCAG contrast: on white 2.90:1 (Fail) · on black 7.22:1 (AAA)
- #857F00 color page →
secondary
#857F00
- RGB
- rgb(133 127 0)
- HSL
- hsl(57 100% 26%)
- OKLCH
- oklch(0.583 0.125 106.4)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.03:1 (AA)
- #726B00 color page →
accent
#726B00
- RGB
- rgb(114 107 0)
- HSL
- hsl(56 100% 22%)
- OKLCH
- oklch(0.518 0.11 105.1)
WCAG contrast: on white 5.49:1 (AA) · on black 3.81:1 (Fail)
- #595100 color page →
highlight
#595100
- RGB
- rgb(89 81 0)
- HSL
- hsl(55 100% 17%)
- OKLCH
- oklch(0.429 0.09 102.9)
WCAG contrast: on white 8.07:1 (AAA) · on black 2.60:1 (Fail)
- #392E00 color page →
border
#392E00
- RGB
- rgb(57 46 0)
- HSL
- hsl(48 100% 11%)
- OKLCH
- oklch(0.304 0.062 94.6)
WCAG contrast: on white 13.42:1 (AAA) · on black 1.56:1 (Fail)
- #1B1D00 color page →
focus
#1B1D00
- RGB
- rgb(27 29 0)
- HSL
- hsl(64 100% 6%)
- OKLCH
- oklch(0.221 0.049 113.3)
WCAG contrast: on white 17.18:1 (AAA) · on black 1.22:1 (Fail)
- #090900 color page →
text
#090900
- RGB
- rgb(9 9 0)
- HSL
- hsl(60 100% 2%)
- OKLCH
- oklch(0.135 0.029 109.8)
WCAG contrast: on white 19.98:1 (AAA) · on black 1.05:1 (Fail)
Export Lucky Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff8e3;
--surface: #e4cf95;
--muted: #c0b75e;
--primary: #a59a00;
--secondary: #857f00;
--accent: #726b00;
--highlight: #595100;
--border: #392e00;
--focus: #1b1d00;
--text: #090900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff8e3;
--color-surface: #e4cf95;
--color-muted: #c0b75e;
--color-primary: #a59a00;
--color-secondary: #857f00;
--color-accent: #726b00;
--color-highlight: #595100;
--color-border: #392e00;
--color-focus: #1b1d00;
--color-text: #090900;
}JSON (DTCG tokens)
{
"lucky-dune-7g9": {
"bg": {
"$type": "color",
"$value": "#fff8e3"
},
"surface": {
"$type": "color",
"$value": "#e4cf95"
},
"muted": {
"$type": "color",
"$value": "#c0b75e"
},
"primary": {
"$type": "color",
"$value": "#a59a00"
},
"secondary": {
"$type": "color",
"$value": "#857f00"
},
"accent": {
"$type": "color",
"$value": "#726b00"
},
"highlight": {
"$type": "color",
"$value": "#595100"
},
"border": {
"$type": "color",
"$value": "#392e00"
},
"focus": {
"$type": "color",
"$value": "#1b1d00"
},
"text": {
"$type": "color",
"$value": "#090900"
}
}
}About this palette
Lucky Dune is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #FFF8E3, #E4CF95, #C0B75E, #A59A00, #857F00, #726B00, #595100, #392E00, #1B1D00, #090900. APCA contrast score Lc 10. 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 Lucky Dune by OKLab color distance.