Palette · 8 colors · Lc 9.1
Monster Monstera Drift palette
Monster Monstera Drift: a 8-color palette (Green, Nature, 8 Colors). HEX, RGB, HSL and OKLCH for #E7F0E9, #A8CFAA, #6FA57D, #4C8657, #056040, #004932, #002F1E, #031006, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7F0E9
surface
#A8CFAA
muted
#6FA57D
primary
#4C8657
secondary
#056040
accent
#004932
highlight
#002F1E
text
#031006
Colors in Monster Monstera Drift: HEX, RGB, HSL & OKLCH
- #E7F0E9 color page →
bg
#E7F0E9
- RGB
- rgb(231 240 233)
- HSL
- hsl(133 23% 92%)
- OKLCH
- oklch(0.946 0.013 152.6)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.03:1 (AAA)
- #A8CFAA color page →
surface
#A8CFAA
- RGB
- rgb(168 207 170)
- HSL
- hsl(123 29% 74%)
- OKLCH
- oklch(0.816 0.066 146.3)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.17:1 (AAA)
- #6FA57D color page →
muted
#6FA57D
- RGB
- rgb(111 165 125)
- HSL
- hsl(136 23% 54%)
- OKLCH
- oklch(0.673 0.082 151.9)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.35:1 (AAA)
- #4C8657 color page →
primary
#4C8657
- RGB
- rgb(76 134 87)
- HSL
- hsl(131 28% 41%)
- OKLCH
- oklch(0.567 0.095 148.8)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #056040 color page →
secondary
#056040
- RGB
- rgb(5 96 64)
- HSL
- hsl(159 90% 20%)
- OKLCH
- oklch(0.433 0.094 161.6)
WCAG contrast: on white 7.62:1 (AAA) · on black 2.75:1 (Fail)
- #004932 color page →
accent
#004932
- RGB
- rgb(0 73 50)
- HSL
- hsl(161 100% 14%)
- OKLCH
- oklch(0.359 0.076 164.2)
WCAG contrast: on white 10.50:1 (AAA) · on black 1.99:1 (Fail)
- #002F1E color page →
highlight
#002F1E
- RGB
- rgb(0 47 30)
- HSL
- hsl(158 100% 9%)
- OKLCH
- oklch(0.27 0.058 163)
WCAG contrast: on white 14.73:1 (AAA) · on black 1.42:1 (Fail)
- #031006 color page →
text
#031006
- RGB
- rgb(3 16 6)
- HSL
- hsl(134 68% 4%)
- OKLCH
- oklch(0.156 0.031 151.5)
WCAG contrast: on white 19.43:1 (AAA) · on black 1.08:1 (Fail)
Export Monster Monstera Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f0e9;
--surface: #a8cfaa;
--muted: #6fa57d;
--primary: #4c8657;
--secondary: #056040;
--accent: #004932;
--highlight: #002f1e;
--text: #031006;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f0e9;
--color-surface: #a8cfaa;
--color-muted: #6fa57d;
--color-primary: #4c8657;
--color-secondary: #056040;
--color-accent: #004932;
--color-highlight: #002f1e;
--color-text: #031006;
}JSON (DTCG tokens)
{
"monster-monstera-drift-1ui": {
"bg": {
"$type": "color",
"$value": "#e7f0e9"
},
"surface": {
"$type": "color",
"$value": "#a8cfaa"
},
"muted": {
"$type": "color",
"$value": "#6fa57d"
},
"primary": {
"$type": "color",
"$value": "#4c8657"
},
"secondary": {
"$type": "color",
"$value": "#056040"
},
"accent": {
"$type": "color",
"$value": "#004932"
},
"highlight": {
"$type": "color",
"$value": "#002f1e"
},
"text": {
"$type": "color",
"$value": "#031006"
}
}
}About this palette
Monster Monstera Drift is a 8-color OKLCH-ready palette tagged green, nature, 8 colors. Hex values: #E7F0E9, #A8CFAA, #6FA57D, #4C8657, #056040, #004932, #002F1E, #031006. APCA contrast score Lc 9.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 Monster Monstera Drift by OKLab color distance.