Palette · 5 colors · Lc 8.1
Tree Hugger Bloom palette
Tree Hugger Bloom: a 5-color palette (Green, Gray, 5 Colors). HEX, RGB, HSL and OKLCH for #E2E1D7, #797948, #68648D, #7E5052, #070801, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2E1D7
surface
#797948
primary
#68648D
accent
#7E5052
text
#070801
Colors in Tree Hugger Bloom: HEX, RGB, HSL & OKLCH
- #E2E1D7 color page →
bg
#E2E1D7
- RGB
- rgb(226 225 215)
- HSL
- hsl(55 16% 86%)
- OKLCH
- oklch(0.908 0.013 102)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.98:1 (AAA)
- #797948 color page →
surface
#797948
- RGB
- rgb(121 121 72)
- HSL
- hsl(60 25% 38%)
- OKLCH
- oklch(0.564 0.069 108.4)
WCAG contrast: on white 4.52:1 (AA) · on black 4.64:1 (AA)
- #68648D color page →
primary
#68648D
- RGB
- rgb(104 100 141)
- HSL
- hsl(246 17% 47%)
- OKLCH
- oklch(0.523 0.064 288.4)
WCAG contrast: on white 5.53:1 (AA) · on black 3.79:1 (Fail)
- #7E5052 color page →
accent
#7E5052
- RGB
- rgb(126 80 82)
- HSL
- hsl(357 22% 40%)
- OKLCH
- oklch(0.483 0.062 16.8)
WCAG contrast: on white 6.65:1 (AA) · on black 3.15:1 (Fail)
- #070801 color page →
text
#070801
- RGB
- rgb(7 8 1)
- HSL
- hsl(69 78% 2%)
- OKLCH
- oklch(0.129 0.024 114.3)
WCAG contrast: on white 20.11:1 (AAA) · on black 1.04:1 (Fail)
Export Tree Hugger Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2e1d7;
--surface: #797948;
--primary: #68648d;
--accent: #7e5052;
--text: #070801;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2e1d7;
--color-surface: #797948;
--color-primary: #68648d;
--color-accent: #7e5052;
--color-text: #070801;
}JSON (DTCG tokens)
{
"tree-hugger-bloom-6s8": {
"bg": {
"$type": "color",
"$value": "#e2e1d7"
},
"surface": {
"$type": "color",
"$value": "#797948"
},
"primary": {
"$type": "color",
"$value": "#68648d"
},
"accent": {
"$type": "color",
"$value": "#7e5052"
},
"text": {
"$type": "color",
"$value": "#070801"
}
}
}About this palette
Tree Hugger Bloom is a 5-color OKLCH-ready palette tagged green, gray, 5 colors. Hex values: #E2E1D7, #797948, #68648D, #7E5052, #070801. APCA contrast score Lc 8.1. 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 Tree Hugger Bloom by OKLab color distance.