Palette · 9 colors · Lc 8.5
Classic Topiary Green Bloom palette
Classic Topiary Green Bloom: a 9-color palette (Green, 9 Colors). HEX, RGB, HSL and OKLCH for #E3E7E8, #71B8C4, #008A9A, #687511, #914639, #503E6C, #193236, #091A1C, #050B0C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 9 Colors
bg
#E3E7E8
surface
#71B8C4
muted
#008A9A
primary
#687511
secondary
#914639
accent
#503E6C
highlight
#193236
border
#091A1C
text
#050B0C
Colors in Classic Topiary Green Bloom: HEX, RGB, HSL & OKLCH
- #E3E7E8 color page →
bg
#E3E7E8
- RGB
- rgb(227 231 232)
- HSL
- hsl(192 10% 90%)
- OKLCH
- oklch(0.925 0.005 214.3)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.86:1 (AAA)
- #71B8C4 color page →
surface
#71B8C4
- RGB
- rgb(113 184 196)
- HSL
- hsl(189 41% 61%)
- OKLCH
- oklch(0.74 0.073 209.4)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.35:1 (AAA)
- #008A9A color page →
muted
#008A9A
- RGB
- rgb(0 138 154)
- HSL
- hsl(186 100% 30%)
- OKLCH
- oklch(0.58 0.1 209.1)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.10:1 (AA)
- #687511 color page →
primary
#687511
- RGB
- rgb(104 117 17)
- HSL
- hsl(68 75% 26%)
- OKLCH
- oklch(0.533 0.117 117.4)
WCAG contrast: on white 5.07:1 (AA) · on black 4.14:1 (Fail)
- #914639 color page →
secondary
#914639
- RGB
- rgb(145 70 57)
- HSL
- hsl(9 44% 40%)
- OKLCH
- oklch(0.486 0.104 31.3)
WCAG contrast: on white 6.68:1 (AA) · on black 3.13:1 (Fail)
- #503E6C color page →
accent
#503E6C
- RGB
- rgb(80 62 108)
- HSL
- hsl(263 27% 33%)
- OKLCH
- oklch(0.404 0.078 301)
WCAG contrast: on white 9.34:1 (AAA) · on black 2.24:1 (Fail)
- #193236 color page →
highlight
#193236
- RGB
- rgb(25 50 54)
- HSL
- hsl(188 37% 15%)
- OKLCH
- oklch(0.299 0.032 208.8)
WCAG contrast: on white 13.54:1 (AAA) · on black 1.55:1 (Fail)
- #091A1C color page →
border
#091A1C
- RGB
- rgb(9 26 28)
- HSL
- hsl(186 51% 7%)
- OKLCH
- oklch(0.204 0.023 205.4)
WCAG contrast: on white 17.85:1 (AAA) · on black 1.17:1 (Fail)
- #050B0C color page →
text
#050B0C
- RGB
- rgb(5 11 12)
- HSL
- hsl(189 41% 3%)
- OKLCH
- oklch(0.143 0.011 207.1)
WCAG contrast: on white 19.81:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Topiary Green Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3e7e8;
--surface: #71b8c4;
--muted: #008a9a;
--primary: #687511;
--secondary: #914639;
--accent: #503e6c;
--highlight: #193236;
--border: #091a1c;
--text: #050b0c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3e7e8;
--color-surface: #71b8c4;
--color-muted: #008a9a;
--color-primary: #687511;
--color-secondary: #914639;
--color-accent: #503e6c;
--color-highlight: #193236;
--color-border: #091a1c;
--color-text: #050b0c;
}JSON (DTCG tokens)
{
"classic-topiary-green-bloom-4hw": {
"bg": {
"$type": "color",
"$value": "#e3e7e8"
},
"surface": {
"$type": "color",
"$value": "#71b8c4"
},
"muted": {
"$type": "color",
"$value": "#008a9a"
},
"primary": {
"$type": "color",
"$value": "#687511"
},
"secondary": {
"$type": "color",
"$value": "#914639"
},
"accent": {
"$type": "color",
"$value": "#503e6c"
},
"highlight": {
"$type": "color",
"$value": "#193236"
},
"border": {
"$type": "color",
"$value": "#091a1c"
},
"text": {
"$type": "color",
"$value": "#050b0c"
}
}
}About this palette
Classic Topiary Green Bloom is a 9-color OKLCH-ready palette tagged green, 9 colors. Hex values: #E3E7E8, #71B8C4, #008A9A, #687511, #914639, #503E6C, #193236, #091A1C, #050B0C. 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 Classic Topiary Green Bloom by OKLab color distance.