Palette · 8 colors · Lc 8.5
Persimmon Beacon palette
Persimmon Beacon: a 8-color palette (Green, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #ECE5D2, #E2BE87, #E09939, #B47D00, #836E00, #585900, #3A2F00, #1B1200, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECE5D2
surface
#E2BE87
muted
#E09939
primary
#B47D00
secondary
#836E00
accent
#585900
highlight
#3A2F00
text
#1B1200
Colors in Persimmon Beacon: HEX, RGB, HSL & OKLCH
- #ECE5D2 color page →
bg
#ECE5D2
- RGB
- rgb(236 229 210)
- HSL
- hsl(44 41% 87%)
- OKLCH
- oklch(0.922 0.026 90.1)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.70:1 (AAA)
- #E2BE87 color page →
surface
#E2BE87
- RGB
- rgb(226 190 135)
- HSL
- hsl(36 61% 71%)
- OKLCH
- oklch(0.82 0.082 77.8)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.94:1 (AAA)
- #E09939 color page →
muted
#E09939
- RGB
- rgb(224 153 57)
- HSL
- hsl(34 73% 55%)
- OKLCH
- oklch(0.737 0.137 70.3)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.78:1 (AAA)
- #B47D00 color page →
primary
#B47D00
- RGB
- rgb(180 125 0)
- HSL
- hsl(42 100% 35%)
- OKLCH
- oklch(0.629 0.131 77.8)
WCAG contrast: on white 3.57:1 (Fail) · on black 5.87:1 (AA)
- #836E00 color page →
secondary
#836E00
- RGB
- rgb(131 110 0)
- HSL
- hsl(50 100% 26%)
- OKLCH
- oklch(0.542 0.111 95.8)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #585900 color page →
accent
#585900
- RGB
- rgb(88 89 0)
- HSL
- hsl(61 100% 17%)
- OKLCH
- oklch(0.448 0.098 110.5)
WCAG contrast: on white 7.38:1 (AAA) · on black 2.84:1 (Fail)
- #3A2F00 color page →
highlight
#3A2F00
- RGB
- rgb(58 47 0)
- HSL
- hsl(49 100% 11%)
- OKLCH
- oklch(0.308 0.063 94.9)
WCAG contrast: on white 13.23:1 (AAA) · on black 1.58:1 (Fail)
- #1B1200 color page →
text
#1B1200
- RGB
- rgb(27 18 0)
- HSL
- hsl(40 100% 5%)
- OKLCH
- oklch(0.189 0.039 86.5)
WCAG contrast: on white 18.53:1 (AAA) · on black 1.13:1 (Fail)
Export Persimmon Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ece5d2;
--surface: #e2be87;
--muted: #e09939;
--primary: #b47d00;
--secondary: #836e00;
--accent: #585900;
--highlight: #3a2f00;
--text: #1b1200;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ece5d2;
--color-surface: #e2be87;
--color-muted: #e09939;
--color-primary: #b47d00;
--color-secondary: #836e00;
--color-accent: #585900;
--color-highlight: #3a2f00;
--color-text: #1b1200;
}JSON (DTCG tokens)
{
"persimmon-beacon-327": {
"bg": {
"$type": "color",
"$value": "#ece5d2"
},
"surface": {
"$type": "color",
"$value": "#e2be87"
},
"muted": {
"$type": "color",
"$value": "#e09939"
},
"primary": {
"$type": "color",
"$value": "#b47d00"
},
"secondary": {
"$type": "color",
"$value": "#836e00"
},
"accent": {
"$type": "color",
"$value": "#585900"
},
"highlight": {
"$type": "color",
"$value": "#3a2f00"
},
"text": {
"$type": "color",
"$value": "#1b1200"
}
}
}About this palette
Persimmon Beacon is a 8-color OKLCH-ready palette tagged green, warm, 8 colors. Hex values: #ECE5D2, #E2BE87, #E09939, #B47D00, #836E00, #585900, #3A2F00, #1B1200. APCA contrast score Lc 8.5. 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 Persimmon Beacon by OKLab color distance.