Palette · 9 colors · Lc 10
Pure Tree Hugger Drift palette
Pure Tree Hugger Drift: a 9-color palette (Green, Gray, 9 Colors). HEX, RGB, HSL and OKLCH for #090A06, #1E2515, #30381C, #4F5738, #6D7245, #959876, #B0B798, #D2D3C0, #FAFAE9, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#090A06
surface
#1E2515
muted
#30381C
primary
#4F5738
secondary
#6D7245
accent
#959876
highlight
#B0B798
border
#D2D3C0
text
#FAFAE9
Colors in Pure Tree Hugger Drift: HEX, RGB, HSL & OKLCH
- #090A06 color page →
bg
#090A06
- RGB
- rgb(9 10 6)
- HSL
- hsl(75 25% 3%)
- OKLCH
- oklch(0.142 0.01 117.9)
WCAG contrast: on white 19.85:1 (AAA) · on black 1.05:1 (Fail)
- #1E2515 color page →
surface
#1E2515
- RGB
- rgb(30 37 21)
- HSL
- hsl(86 28% 11%)
- OKLCH
- oklch(0.252 0.03 127.6)
WCAG contrast: on white 15.78:1 (AAA) · on black 1.33:1 (Fail)
- #30381C color page →
muted
#30381C
- RGB
- rgb(48 56 28)
- HSL
- hsl(77 33% 16%)
- OKLCH
- oklch(0.325 0.047 122.1)
WCAG contrast: on white 12.29:1 (AAA) · on black 1.70:1 (Fail)
- #4F5738 color page →
primary
#4F5738
- RGB
- rgb(79 87 56)
- HSL
- hsl(75 22% 28%)
- OKLCH
- oklch(0.441 0.049 120.2)
WCAG contrast: on white 7.62:1 (AAA) · on black 2.75:1 (Fail)
- #6D7245 color page →
secondary
#6D7245
- RGB
- rgb(109 114 69)
- HSL
- hsl(67 25% 36%)
- OKLCH
- oklch(0.536 0.065 113.8)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #959876 color page →
accent
#959876
- RGB
- rgb(149 152 118)
- HSL
- hsl(65 14% 53%)
- OKLCH
- oklch(0.668 0.048 111.8)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.03:1 (AAA)
- #B0B798 color page →
highlight
#B0B798
- RGB
- rgb(176 183 152)
- HSL
- hsl(74 18% 66%)
- OKLCH
- oklch(0.766 0.044 117.8)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.07:1 (AAA)
- #D2D3C0 color page →
border
#D2D3C0
- RGB
- rgb(210 211 192)
- HSL
- hsl(63 18% 79%)
- OKLCH
- oklch(0.861 0.026 109.4)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.81:1 (AAA)
- #FAFAE9 color page →
text
#FAFAE9
- RGB
- rgb(250 250 233)
- HSL
- hsl(60 63% 95%)
- OKLCH
- oklch(0.981 0.022 106.8)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.91:1 (AAA)
Export Pure Tree Hugger Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #090a06;
--surface: #1e2515;
--muted: #30381c;
--primary: #4f5738;
--secondary: #6d7245;
--accent: #959876;
--highlight: #b0b798;
--border: #d2d3c0;
--text: #fafae9;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #090a06;
--color-surface: #1e2515;
--color-muted: #30381c;
--color-primary: #4f5738;
--color-secondary: #6d7245;
--color-accent: #959876;
--color-highlight: #b0b798;
--color-border: #d2d3c0;
--color-text: #fafae9;
}JSON (DTCG tokens)
{
"pure-tree-hugger-drift-6ai": {
"bg": {
"$type": "color",
"$value": "#090a06"
},
"surface": {
"$type": "color",
"$value": "#1e2515"
},
"muted": {
"$type": "color",
"$value": "#30381c"
},
"primary": {
"$type": "color",
"$value": "#4f5738"
},
"secondary": {
"$type": "color",
"$value": "#6d7245"
},
"accent": {
"$type": "color",
"$value": "#959876"
},
"highlight": {
"$type": "color",
"$value": "#b0b798"
},
"border": {
"$type": "color",
"$value": "#d2d3c0"
},
"text": {
"$type": "color",
"$value": "#fafae9"
}
}
}About this palette
Pure Tree Hugger Drift is a 9-color OKLCH-ready palette tagged green, gray, 9 colors. Hex values: #090A06, #1E2515, #30381C, #4F5738, #6D7245, #959876, #B0B798, #D2D3C0, #FAFAE9. APCA contrast score Lc 10. 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 Pure Tree Hugger Drift by OKLab color distance.