Palette · 5 colors · Lc 8.9
Steady Lizard Beacon palette
Steady Lizard Beacon: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #F0EEE6, #BBB195, #766B44, #38341D, #0D0C0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0EEE6
surface
#BBB195
primary
#766B44
accent
#38341D
text
#0D0C0B
Colors in Steady Lizard Beacon: HEX, RGB, HSL & OKLCH
- #F0EEE6 color page →
bg
#F0EEE6
- RGB
- rgb(240 238 230)
- HSL
- hsl(48 25% 92%)
- OKLCH
- oklch(0.948 0.011 95.2)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.07:1 (AAA)
- #BBB195 color page →
surface
#BBB195
- RGB
- rgb(187 177 149)
- HSL
- hsl(44 22% 66%)
- OKLCH
- oklch(0.761 0.04 90.7)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.83:1 (AAA)
- #766B44 color page →
primary
#766B44
- RGB
- rgb(118 107 68)
- HSL
- hsl(47 27% 36%)
- OKLCH
- oklch(0.528 0.058 94.2)
WCAG contrast: on white 5.30:1 (AA) · on black 3.95:1 (Fail)
- #38341D color page →
accent
#38341D
- RGB
- rgb(56 52 29)
- HSL
- hsl(51 32% 17%)
- OKLCH
- oklch(0.323 0.038 99.6)
WCAG contrast: on white 12.52:1 (AAA) · on black 1.67:1 (Fail)
- #0D0C0B color page →
text
#0D0C0B
- RGB
- rgb(13 12 11)
- HSL
- hsl(30 8% 5%)
- OKLCH
- oklch(0.155 0.003 67.6)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Lizard Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0eee6;
--surface: #bbb195;
--primary: #766b44;
--accent: #38341d;
--text: #0d0c0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0eee6;
--color-surface: #bbb195;
--color-primary: #766b44;
--color-accent: #38341d;
--color-text: #0d0c0b;
}JSON (DTCG tokens)
{
"steady-lizard-beacon-4cr": {
"bg": {
"$type": "color",
"$value": "#f0eee6"
},
"surface": {
"$type": "color",
"$value": "#bbb195"
},
"primary": {
"$type": "color",
"$value": "#766b44"
},
"accent": {
"$type": "color",
"$value": "#38341d"
},
"text": {
"$type": "color",
"$value": "#0d0c0b"
}
}
}About this palette
Steady Lizard Beacon is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #F0EEE6, #BBB195, #766B44, #38341D, #0D0C0B. APCA contrast score Lc 8.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 Steady Lizard Beacon by OKLab color distance.