Palette · 3 colors · Lc 9.5
True Topiary Green Dune palette
True Topiary Green Dune: a 3-color palette (Green, UI System, 3 Colors). HEX, RGB, HSL and OKLCH for #F7F8F1, #697200, #171808, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F8F1
accent
#697200
text
#171808
Colors in True Topiary Green Dune: HEX, RGB, HSL & OKLCH
- #F7F8F1 color page →
bg
#F7F8F1
- RGB
- rgb(247 248 241)
- HSL
- hsl(69 33% 96%)
- OKLCH
- oklch(0.976 0.009 113.2)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.65:1 (AAA)
- #697200 color page →
accent
#697200
- RGB
- rgb(105 114 0)
- HSL
- hsl(65 100% 22%)
- OKLCH
- oklch(0.526 0.119 115.1)
WCAG contrast: on white 5.24:1 (AA) · on black 4.00:1 (Fail)
- #171808 color page →
text
#171808
- RGB
- rgb(23 24 8)
- HSL
- hsl(64 50% 6%)
- OKLCH
- oklch(0.203 0.029 111.8)
WCAG contrast: on white 17.93:1 (AAA) · on black 1.17:1 (Fail)
Export True Topiary Green Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f8f1;
--accent: #697200;
--text: #171808;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f8f1;
--color-accent: #697200;
--color-text: #171808;
}JSON (DTCG tokens)
{
"true-topiary-green-dune-5b8": {
"bg": {
"$type": "color",
"$value": "#f7f8f1"
},
"accent": {
"$type": "color",
"$value": "#697200"
},
"text": {
"$type": "color",
"$value": "#171808"
}
}
}About this palette
True Topiary Green Dune is a 3-color OKLCH-ready palette tagged green, ui system, 3 colors. Hex values: #F7F8F1, #697200, #171808. APCA contrast score Lc 9.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 True Topiary Green Dune by OKLab color distance.