Palette · 7 colors · Lc 8.3
Kelp Forest Ember palette
Kelp Forest Ember: a 7-color palette (Green, 7 Colors). HEX, RGB, HSL and OKLCH for #E9EEE7, #B7C887, #8BA947, #3D8C00, #006E3A, #00481E, #061A02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 7 Colors
bg
#E9EEE7
surface
#B7C887
muted
#8BA947
primary
#3D8C00
secondary
#006E3A
accent
#00481E
text
#061A02
Colors in Kelp Forest Ember: HEX, RGB, HSL & OKLCH
- #E9EEE7 color page →
bg
#E9EEE7
- RGB
- rgb(233 238 231)
- HSL
- hsl(103 17% 92%)
- OKLCH
- oklch(0.943 0.011 136.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.84:1 (AAA)
- #B7C887 color page →
surface
#B7C887
- RGB
- rgb(183 200 135)
- HSL
- hsl(76 37% 66%)
- OKLCH
- oklch(0.804 0.088 120.3)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.62:1 (AAA)
- #8BA947 color page →
muted
#8BA947
- RGB
- rgb(139 169 71)
- HSL
- hsl(78 41% 47%)
- OKLCH
- oklch(0.691 0.13 124)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.86:1 (AAA)
- #3D8C00 color page →
primary
#3D8C00
- RGB
- rgb(61 140 0)
- HSL
- hsl(94 100% 27%)
- OKLCH
- oklch(0.567 0.172 137.1)
WCAG contrast: on white 4.24:1 (Fail) · on black 4.94:1 (AA)
- #006E3A color page →
secondary
#006E3A
- RGB
- rgb(0 110 58)
- HSL
- hsl(152 100% 22%)
- OKLCH
- oklch(0.472 0.12 153.7)
WCAG contrast: on white 6.38:1 (AA) · on black 3.29:1 (Fail)
- #00481E color page →
accent
#00481E
- RGB
- rgb(0 72 30)
- HSL
- hsl(145 100% 14%)
- OKLCH
- oklch(0.351 0.096 150.5)
WCAG contrast: on white 10.79:1 (AAA) · on black 1.94:1 (Fail)
- #061A02 color page →
text
#061A02
- RGB
- rgb(6 26 2)
- HSL
- hsl(110 86% 5%)
- OKLCH
- oklch(0.194 0.054 139.1)
WCAG contrast: on white 18.16:1 (AAA) · on black 1.15:1 (Fail)
Export Kelp Forest Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9eee7;
--surface: #b7c887;
--muted: #8ba947;
--primary: #3d8c00;
--secondary: #006e3a;
--accent: #00481e;
--text: #061a02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9eee7;
--color-surface: #b7c887;
--color-muted: #8ba947;
--color-primary: #3d8c00;
--color-secondary: #006e3a;
--color-accent: #00481e;
--color-text: #061a02;
}JSON (DTCG tokens)
{
"kelp-forest-ember-66v": {
"bg": {
"$type": "color",
"$value": "#e9eee7"
},
"surface": {
"$type": "color",
"$value": "#b7c887"
},
"muted": {
"$type": "color",
"$value": "#8ba947"
},
"primary": {
"$type": "color",
"$value": "#3d8c00"
},
"secondary": {
"$type": "color",
"$value": "#006e3a"
},
"accent": {
"$type": "color",
"$value": "#00481e"
},
"text": {
"$type": "color",
"$value": "#061a02"
}
}
}About this palette
Kelp Forest Ember is a 7-color OKLCH-ready palette tagged green, 7 colors. Hex values: #E9EEE7, #B7C887, #8BA947, #3D8C00, #006E3A, #00481E, #061A02. APCA contrast score Lc 8.3. 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 Kelp Forest Ember by OKLab color distance.