Palette · 8 colors · Lc 9
Hot Sand Delta palette
Hot Sand Delta: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #E9EED9, #CBC581, #CBAB00, #939800, #567D00, #125D00, #103D00, #171900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#E9EED9
surface
#CBC581
muted
#CBAB00
primary
#939800
secondary
#567D00
accent
#125D00
highlight
#103D00
text
#171900
Colors in Hot Sand Delta: HEX, RGB, HSL & OKLCH
- #E9EED9 color page →
bg
#E9EED9
- RGB
- rgb(233 238 217)
- HSL
- hsl(74 38% 89%)
- OKLCH
- oklch(0.94 0.028 117.8)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.69:1 (AAA)
- #CBC581 color page →
surface
#CBC581
- RGB
- rgb(203 197 129)
- HSL
- hsl(55 42% 65%)
- OKLCH
- oklch(0.813 0.088 103.9)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.84:1 (AAA)
- #CBAB00 color page →
muted
#CBAB00
- RGB
- rgb(203 171 0)
- HSL
- hsl(51 100% 40%)
- OKLCH
- oklch(0.747 0.154 95.5)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.36:1 (AAA)
- #939800 color page →
primary
#939800
- RGB
- rgb(147 152 0)
- HSL
- hsl(62 100% 30%)
- OKLCH
- oklch(0.654 0.145 112.1)
WCAG contrast: on white 3.11:1 (Fail) · on black 6.73:1 (AA)
- #567D00 color page →
secondary
#567D00
- RGB
- rgb(86 125 0)
- HSL
- hsl(79 100% 25%)
- OKLCH
- oklch(0.54 0.141 128.1)
WCAG contrast: on white 4.85:1 (AA) · on black 4.32:1 (Fail)
- #125D00 color page →
accent
#125D00
- RGB
- rgb(18 93 0)
- HSL
- hsl(108 100% 18%)
- OKLCH
- oklch(0.418 0.137 140.9)
WCAG contrast: on white 8.10:1 (AAA) · on black 2.59:1 (Fail)
- #103D00 color page →
highlight
#103D00
- RGB
- rgb(16 61 0)
- HSL
- hsl(104 100% 12%)
- OKLCH
- oklch(0.316 0.1 139.2)
WCAG contrast: on white 12.42:1 (AAA) · on black 1.68:1 (Fail)
- #171900 color page →
text
#171900
- RGB
- rgb(23 25 0)
- HSL
- hsl(65 100% 5%)
- OKLCH
- oklch(0.204 0.046 113.7)
WCAG contrast: on white 17.86:1 (AAA) · on black 1.17:1 (Fail)
Export Hot Sand Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9eed9;
--surface: #cbc581;
--muted: #cbab00;
--primary: #939800;
--secondary: #567d00;
--accent: #125d00;
--highlight: #103d00;
--text: #171900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9eed9;
--color-surface: #cbc581;
--color-muted: #cbab00;
--color-primary: #939800;
--color-secondary: #567d00;
--color-accent: #125d00;
--color-highlight: #103d00;
--color-text: #171900;
}JSON (DTCG tokens)
{
"hot-sand-delta-7lt": {
"bg": {
"$type": "color",
"$value": "#e9eed9"
},
"surface": {
"$type": "color",
"$value": "#cbc581"
},
"muted": {
"$type": "color",
"$value": "#cbab00"
},
"primary": {
"$type": "color",
"$value": "#939800"
},
"secondary": {
"$type": "color",
"$value": "#567d00"
},
"accent": {
"$type": "color",
"$value": "#125d00"
},
"highlight": {
"$type": "color",
"$value": "#103d00"
},
"text": {
"$type": "color",
"$value": "#171900"
}
}
}About this palette
Hot Sand Delta is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #E9EED9, #CBC581, #CBAB00, #939800, #567D00, #125D00, #103D00, #171900. APCA contrast score Lc 9. 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 Hot Sand Delta by OKLab color distance.