Palette · 5 colors · Lc 9.7
Succulents Harbor palette
Succulents Harbor: a 5-color palette (Green, Cold, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #E8F1EA, #74AE83, #1D703D, #00493C, #011408, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F1EA
surface
#74AE83
primary
#1D703D
accent
#00493C
text
#011408
Colors in Succulents Harbor: HEX, RGB, HSL & OKLCH
- #E8F1EA color page →
bg
#E8F1EA
- RGB
- rgb(232 241 234)
- HSL
- hsl(133 24% 93%)
- OKLCH
- oklch(0.949 0.013 152.6)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.20:1 (AAA)
- #74AE83 color page →
surface
#74AE83
- RGB
- rgb(116 174 131)
- HSL
- hsl(136 26% 57%)
- OKLCH
- oklch(0.699 0.087 151.8)
WCAG contrast: on white 2.58:1 (Fail) · on black 8.12:1 (AAA)
- #1D703D color page →
primary
#1D703D
- RGB
- rgb(29 112 61)
- HSL
- hsl(143 59% 28%)
- OKLCH
- oklch(0.483 0.113 152)
WCAG contrast: on white 6.10:1 (AA) · on black 3.43:1 (Fail)
- #00493C color page →
accent
#00493C
- RGB
- rgb(0 73 60)
- HSL
- hsl(169 100% 14%)
- OKLCH
- oklch(0.362 0.068 175.6)
WCAG contrast: on white 10.40:1 (AAA) · on black 2.01:1 (Fail)
- #011408 color page →
text
#011408
- RGB
- rgb(1 20 8)
- HSL
- hsl(142 90% 4%)
- OKLCH
- oklch(0.169 0.038 156)
WCAG contrast: on white 19.00:1 (AAA) · on black 1.10:1 (Fail)
Export Succulents Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f1ea;
--surface: #74ae83;
--primary: #1d703d;
--accent: #00493c;
--text: #011408;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f1ea;
--color-surface: #74ae83;
--color-primary: #1d703d;
--color-accent: #00493c;
--color-text: #011408;
}JSON (DTCG tokens)
{
"succulents-harbor-4mr": {
"bg": {
"$type": "color",
"$value": "#e8f1ea"
},
"surface": {
"$type": "color",
"$value": "#74ae83"
},
"primary": {
"$type": "color",
"$value": "#1d703d"
},
"accent": {
"$type": "color",
"$value": "#00493c"
},
"text": {
"$type": "color",
"$value": "#011408"
}
}
}About this palette
Succulents Harbor is a 5-color OKLCH-ready palette tagged green, cold, nature, 5 colors. Hex values: #E8F1EA, #74AE83, #1D703D, #00493C, #011408. APCA contrast score Lc 9.7. 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 Succulents Harbor by OKLab color distance.