Palette · 3 colors · Lc 7.8
Topiary Green Beacon palette
Topiary Green Beacon: a 3-color palette (Trending, Green, 3 Colors). HEX, RGB, HSL and OKLCH for #D5DCC0, #617800, #1E2310, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D5DCC0
accent
#617800
text
#1E2310
Colors in Topiary Green Beacon: HEX, RGB, HSL & OKLCH
- #D5DCC0 color page →
bg
#D5DCC0
- RGB
- rgb(213 220 192)
- HSL
- hsl(75 29% 81%)
- OKLCH
- oklch(0.882 0.038 118.6)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.82:1 (AAA)
- #617800 color page →
accent
#617800
- RGB
- rgb(97 120 0)
- HSL
- hsl(72 100% 24%)
- OKLCH
- oklch(0.535 0.13 122)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #1E2310 color page →
text
#1E2310
- RGB
- rgb(30 35 16)
- HSL
- hsl(76 37% 10%)
- OKLCH
- oklch(0.245 0.034 121)
WCAG contrast: on white 16.11:1 (AAA) · on black 1.30:1 (Fail)
Export Topiary Green Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d5dcc0;
--accent: #617800;
--text: #1e2310;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d5dcc0;
--color-accent: #617800;
--color-text: #1e2310;
}JSON (DTCG tokens)
{
"topiary-green-beacon-5pv": {
"bg": {
"$type": "color",
"$value": "#d5dcc0"
},
"accent": {
"$type": "color",
"$value": "#617800"
},
"text": {
"$type": "color",
"$value": "#1e2310"
}
}
}About this palette
Topiary Green Beacon is a 3-color OKLCH-ready palette tagged trending, green, 3 colors. Hex values: #D5DCC0, #617800, #1E2310. APCA contrast score Lc 7.8. 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 Topiary Green Beacon by OKLab color distance.