Palette · 4 colors · Lc 9.2
Topiary Green Drift palette
Topiary Green Drift: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #FDE5E1, #637413, #007181, #120908, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#FDE5E1
surface
#637413
accent
#007181
text
#120908
Colors in Topiary Green Drift: HEX, RGB, HSL & OKLCH
- #FDE5E1 color page →
bg
#FDE5E1
- RGB
- rgb(253 229 225)
- HSL
- hsl(9 88% 94%)
- OKLCH
- oklch(0.94 0.027 28.9)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #637413 color page →
surface
#637413
- RGB
- rgb(99 116 19)
- HSL
- hsl(71 72% 26%)
- OKLCH
- oklch(0.527 0.117 119.7)
WCAG contrast: on white 5.20:1 (AA) · on black 4.03:1 (Fail)
- #007181 color page →
accent
#007181
- RGB
- rgb(0 113 129)
- HSL
- hsl(187 100% 25%)
- OKLCH
- oklch(0.503 0.088 211.7)
WCAG contrast: on white 5.70:1 (AA) · on black 3.67:1 (Fail)
- #120908 color page →
text
#120908
- RGB
- rgb(18 9 8)
- HSL
- hsl(6 38% 5%)
- OKLCH
- oklch(0.152 0.016 26.9)
WCAG contrast: on white 19.65:1 (AAA) · on black 1.06:1 (Fail)
Export Topiary Green Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fde5e1;
--surface: #637413;
--accent: #007181;
--text: #120908;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fde5e1;
--color-surface: #637413;
--color-accent: #007181;
--color-text: #120908;
}JSON (DTCG tokens)
{
"topiary-green-drift-h2": {
"bg": {
"$type": "color",
"$value": "#fde5e1"
},
"surface": {
"$type": "color",
"$value": "#637413"
},
"accent": {
"$type": "color",
"$value": "#007181"
},
"text": {
"$type": "color",
"$value": "#120908"
}
}
}About this palette
Topiary Green Drift is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #FDE5E1, #637413, #007181, #120908. APCA contrast score Lc 9.2. 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 Drift by OKLab color distance.