Palette · 5 colors · Lc 8.4
Olive Beacon palette
Olive Beacon: a 5-color palette (Green, 5 Colors). HEX, RGB, HSL and OKLCH for #E4E3DC, #837300, #00778E, #8C4B7E, #100F08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 5 Colors
bg
#E4E3DC
surface
#837300
primary
#00778E
accent
#8C4B7E
text
#100F08
Colors in Olive Beacon: HEX, RGB, HSL & OKLCH
- #E4E3DC color page →
bg
#E4E3DC
- RGB
- rgb(228 227 220)
- HSL
- hsl(52 13% 88%)
- OKLCH
- oklch(0.915 0.009 100)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.31:1 (AAA)
- #837300 color page →
surface
#837300
- RGB
- rgb(131 115 0)
- HSL
- hsl(53 100% 26%)
- OKLCH
- oklch(0.553 0.115 99.6)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #00778E color page →
primary
#00778E
- RGB
- rgb(0 119 142)
- HSL
- hsl(190 100% 28%)
- OKLCH
- oklch(0.525 0.094 217.5)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #8C4B7E color page →
accent
#8C4B7E
- RGB
- rgb(140 75 126)
- HSL
- hsl(313 30% 42%)
- OKLCH
- oklch(0.509 0.111 335.7)
WCAG contrast: on white 6.13:1 (AA) · on black 3.42:1 (Fail)
- #100F08 color page →
text
#100F08
- RGB
- rgb(16 15 8)
- HSL
- hsl(53 33% 5%)
- OKLCH
- oklch(0.167 0.014 101)
WCAG contrast: on white 19.19:1 (AAA) · on black 1.09:1 (Fail)
Export Olive Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4e3dc;
--surface: #837300;
--primary: #00778e;
--accent: #8c4b7e;
--text: #100f08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4e3dc;
--color-surface: #837300;
--color-primary: #00778e;
--color-accent: #8c4b7e;
--color-text: #100f08;
}JSON (DTCG tokens)
{
"olive-beacon-7n7": {
"bg": {
"$type": "color",
"$value": "#e4e3dc"
},
"surface": {
"$type": "color",
"$value": "#837300"
},
"primary": {
"$type": "color",
"$value": "#00778e"
},
"accent": {
"$type": "color",
"$value": "#8c4b7e"
},
"text": {
"$type": "color",
"$value": "#100f08"
}
}
}About this palette
Olive Beacon is a 5-color OKLCH-ready palette tagged green, 5 colors. Hex values: #E4E3DC, #837300, #00778E, #8C4B7E, #100F08. APCA contrast score Lc 8.4. 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 Olive Beacon by OKLab color distance.