Palette · 8 colors · Lc 8.3
Classic Lizard Horizon palette
Classic Lizard Horizon: a 8-color palette (Green, Gray, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #EEE5D1, #BDB69F, #998D6B, #7D6C43, #5E542C, #473A0F, #31280C, #150D00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EEE5D1
surface
#BDB69F
muted
#998D6B
primary
#7D6C43
secondary
#5E542C
accent
#473A0F
highlight
#31280C
text
#150D00
Colors in Classic Lizard Horizon: HEX, RGB, HSL & OKLCH
- #EEE5D1 color page →
bg
#EEE5D1
- RGB
- rgb(238 229 209)
- HSL
- hsl(41 46% 88%)
- OKLCH
- oklch(0.924 0.028 86.6)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.76:1 (AAA)
- #BDB69F color page →
surface
#BDB69F
- RGB
- rgb(189 182 159)
- HSL
- hsl(46 19% 68%)
- OKLCH
- oklch(0.776 0.033 93)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.35:1 (AAA)
- #998D6B color page →
muted
#998D6B
- RGB
- rgb(153 141 107)
- HSL
- hsl(44 18% 51%)
- OKLCH
- oklch(0.645 0.05 90.9)
WCAG contrast: on white 3.29:1 (Fail) · on black 6.37:1 (AA)
- #7D6C43 color page →
primary
#7D6C43
- RGB
- rgb(125 108 67)
- HSL
- hsl(42 30% 38%)
- OKLCH
- oklch(0.537 0.062 87.8)
WCAG contrast: on white 5.12:1 (AA) · on black 4.09:1 (Fail)
- #5E542C color page →
secondary
#5E542C
- RGB
- rgb(94 84 44)
- HSL
- hsl(48 36% 27%)
- OKLCH
- oklch(0.446 0.059 95.7)
WCAG contrast: on white 7.55:1 (AAA) · on black 2.78:1 (Fail)
- #473A0F color page →
accent
#473A0F
- RGB
- rgb(71 58 15)
- HSL
- hsl(46 65% 17%)
- OKLCH
- oklch(0.353 0.062 91.8)
WCAG contrast: on white 11.16:1 (AAA) · on black 1.88:1 (Fail)
- #31280C color page →
highlight
#31280C
- RGB
- rgb(49 40 12)
- HSL
- hsl(45 61% 12%)
- OKLCH
- oklch(0.28 0.045 91.4)
WCAG contrast: on white 14.58:1 (AAA) · on black 1.43:1 (Fail)
- #150D00 color page →
text
#150D00
- RGB
- rgb(21 13 0)
- HSL
- hsl(37 100% 4%)
- OKLCH
- oklch(0.165 0.034 85.3)
WCAG contrast: on white 19.27:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Lizard Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eee5d1;
--surface: #bdb69f;
--muted: #998d6b;
--primary: #7d6c43;
--secondary: #5e542c;
--accent: #473a0f;
--highlight: #31280c;
--text: #150d00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eee5d1;
--color-surface: #bdb69f;
--color-muted: #998d6b;
--color-primary: #7d6c43;
--color-secondary: #5e542c;
--color-accent: #473a0f;
--color-highlight: #31280c;
--color-text: #150d00;
}JSON (DTCG tokens)
{
"classic-lizard-horizon-7im": {
"bg": {
"$type": "color",
"$value": "#eee5d1"
},
"surface": {
"$type": "color",
"$value": "#bdb69f"
},
"muted": {
"$type": "color",
"$value": "#998d6b"
},
"primary": {
"$type": "color",
"$value": "#7d6c43"
},
"secondary": {
"$type": "color",
"$value": "#5e542c"
},
"accent": {
"$type": "color",
"$value": "#473a0f"
},
"highlight": {
"$type": "color",
"$value": "#31280c"
},
"text": {
"$type": "color",
"$value": "#150d00"
}
}
}About this palette
Classic Lizard Horizon is a 8-color OKLCH-ready palette tagged green, gray, warm, 8 colors. Hex values: #EEE5D1, #BDB69F, #998D6B, #7D6C43, #5E542C, #473A0F, #31280C, #150D00. APCA contrast score Lc 8.3. 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 Classic Lizard Horizon by OKLab color distance.