Palette · 8 colors · Lc 9.1
Bright Hot Sand System palette
Bright Hot Sand System: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #EEF1E4, #CACB75, #CFAD00, #8B9000, #467C00, #046700, #084000, #131F00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#EEF1E4
surface
#CACB75
muted
#CFAD00
primary
#8B9000
secondary
#467C00
accent
#046700
highlight
#084000
text
#131F00
Colors in Bright Hot Sand System: HEX, RGB, HSL & OKLCH
- #EEF1E4 color page →
bg
#EEF1E4
- RGB
- rgb(238 241 228)
- HSL
- hsl(74 32% 92%)
- OKLCH
- oklch(0.952 0.017 117.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.33:1 (AAA)
- #CACB75 color page →
surface
#CACB75
- RGB
- rgb(202 203 117)
- HSL
- hsl(61 45% 63%)
- OKLCH
- oklch(0.823 0.109 109.2)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.31:1 (AAA)
- #CFAD00 color page →
muted
#CFAD00
- RGB
- rgb(207 173 0)
- HSL
- hsl(50 100% 41%)
- OKLCH
- oklch(0.755 0.155 94.7)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.63:1 (AAA)
- #8B9000 color page →
primary
#8B9000
- RGB
- rgb(139 144 0)
- HSL
- hsl(62 100% 28%)
- OKLCH
- oklch(0.628 0.139 112.2)
WCAG contrast: on white 3.44:1 (Fail) · on black 6.08:1 (AA)
- #467C00 color page →
secondary
#467C00
- RGB
- rgb(70 124 0)
- HSL
- hsl(86 100% 24%)
- OKLCH
- oklch(0.528 0.149 133.1)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #046700 color page →
accent
#046700
- RGB
- rgb(4 103 0)
- HSL
- hsl(118 100% 20%)
- OKLCH
- oklch(0.446 0.151 142.2)
WCAG contrast: on white 7.13:1 (AAA) · on black 2.94:1 (Fail)
- #084000 color page →
highlight
#084000
- RGB
- rgb(8 64 0)
- HSL
- hsl(113 100% 13%)
- OKLCH
- oklch(0.324 0.107 141.1)
WCAG contrast: on white 12.04:1 (AAA) · on black 1.74:1 (Fail)
- #131F00 color page →
text
#131F00
- RGB
- rgb(19 31 0)
- HSL
- hsl(83 100% 6%)
- OKLCH
- oklch(0.22 0.057 127.4)
WCAG contrast: on white 17.16:1 (AAA) · on black 1.22:1 (Fail)
Export Bright Hot Sand System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef1e4;
--surface: #cacb75;
--muted: #cfad00;
--primary: #8b9000;
--secondary: #467c00;
--accent: #046700;
--highlight: #084000;
--text: #131f00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef1e4;
--color-surface: #cacb75;
--color-muted: #cfad00;
--color-primary: #8b9000;
--color-secondary: #467c00;
--color-accent: #046700;
--color-highlight: #084000;
--color-text: #131f00;
}JSON (DTCG tokens)
{
"bright-hot-sand-system-1hm": {
"bg": {
"$type": "color",
"$value": "#eef1e4"
},
"surface": {
"$type": "color",
"$value": "#cacb75"
},
"muted": {
"$type": "color",
"$value": "#cfad00"
},
"primary": {
"$type": "color",
"$value": "#8b9000"
},
"secondary": {
"$type": "color",
"$value": "#467c00"
},
"accent": {
"$type": "color",
"$value": "#046700"
},
"highlight": {
"$type": "color",
"$value": "#084000"
},
"text": {
"$type": "color",
"$value": "#131f00"
}
}
}About this palette
Bright Hot Sand System is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #EEF1E4, #CACB75, #CFAD00, #8B9000, #467C00, #046700, #084000, #131F00. APCA contrast score Lc 9.1. 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 Bright Hot Sand System by OKLab color distance.