Palette · 7 colors · Lc 7.6
Pure Olive Beacon palette
Pure Olive Beacon: a 7-color palette (Green, 7 Colors). HEX, RGB, HSL and OKLCH for #E4E3DB, #D8C693, #BD9537, #8C8100, #515F00, #2F3600, #1C1900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 7 Colors
bg
#E4E3DB
surface
#D8C693
muted
#BD9537
primary
#8C8100
secondary
#515F00
accent
#2F3600
text
#1C1900
Colors in Pure Olive Beacon: HEX, RGB, HSL & OKLCH
- #E4E3DB color page →
bg
#E4E3DB
- RGB
- rgb(228 227 219)
- HSL
- hsl(53 14% 88%)
- OKLCH
- oklch(0.914 0.011 100.8)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.30:1 (AAA)
- #D8C693 color page →
surface
#D8C693
- RGB
- rgb(216 198 147)
- HSL
- hsl(44 47% 71%)
- OKLCH
- oklch(0.829 0.07 90.9)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.41:1 (AAA)
- #BD9537 color page →
muted
#BD9537
- RGB
- rgb(189 149 55)
- HSL
- hsl(42 55% 48%)
- OKLCH
- oklch(0.69 0.119 85.2)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.51:1 (AAA)
- #8C8100 color page →
primary
#8C8100
- RGB
- rgb(140 129 0)
- HSL
- hsl(55 100% 27%)
- OKLCH
- oklch(0.594 0.125 103.5)
WCAG contrast: on white 3.99:1 (Fail) · on black 5.25:1 (AA)
- #515F00 color page →
secondary
#515F00
- RGB
- rgb(81 95 0)
- HSL
- hsl(69 100% 19%)
- OKLCH
- oklch(0.457 0.108 119.2)
WCAG contrast: on white 7.03:1 (AAA) · on black 2.98:1 (Fail)
- #2F3600 color page →
accent
#2F3600
- RGB
- rgb(47 54 0)
- HSL
- hsl(68 100% 11%)
- OKLCH
- oklch(0.315 0.073 117.4)
WCAG contrast: on white 12.73:1 (AAA) · on black 1.64:1 (Fail)
- #1C1900 color page →
text
#1C1900
- RGB
- rgb(28 25 0)
- HSL
- hsl(54 100% 5%)
- OKLCH
- oklch(0.21 0.044 103.5)
WCAG contrast: on white 17.67:1 (AAA) · on black 1.18:1 (Fail)
Export Pure Olive Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4e3db;
--surface: #d8c693;
--muted: #bd9537;
--primary: #8c8100;
--secondary: #515f00;
--accent: #2f3600;
--text: #1c1900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4e3db;
--color-surface: #d8c693;
--color-muted: #bd9537;
--color-primary: #8c8100;
--color-secondary: #515f00;
--color-accent: #2f3600;
--color-text: #1c1900;
}JSON (DTCG tokens)
{
"pure-olive-beacon-6qq": {
"bg": {
"$type": "color",
"$value": "#e4e3db"
},
"surface": {
"$type": "color",
"$value": "#d8c693"
},
"muted": {
"$type": "color",
"$value": "#bd9537"
},
"primary": {
"$type": "color",
"$value": "#8c8100"
},
"secondary": {
"$type": "color",
"$value": "#515f00"
},
"accent": {
"$type": "color",
"$value": "#2f3600"
},
"text": {
"$type": "color",
"$value": "#1c1900"
}
}
}About this palette
Pure Olive Beacon is a 7-color OKLCH-ready palette tagged green, 7 colors. Hex values: #E4E3DB, #D8C693, #BD9537, #8C8100, #515F00, #2F3600, #1C1900. APCA contrast score Lc 7.6. 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 Pure Olive Beacon by OKLab color distance.