Palette · 5 colors · Lc 9
Succulents Ribbon palette
Succulents Ribbon: a 5-color palette (Green, Cold, Nature, 5 Colors). HEX, RGB, HSL and OKLCH for #E4E9E5, #86AC83, #1C7142, #004535, #021006, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E4E9E5
surface
#86AC83
primary
#1C7142
accent
#004535
text
#021006
Colors in Succulents Ribbon: HEX, RGB, HSL & OKLCH
- #E4E9E5 color page →
bg
#E4E9E5
- RGB
- rgb(228 233 229)
- HSL
- hsl(132 10% 90%)
- OKLCH
- oklch(0.929 0.008 151.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.08:1 (AAA)
- #86AC83 color page →
surface
#86AC83
- RGB
- rgb(134 172 131)
- HSL
- hsl(116 20% 59%)
- OKLCH
- oklch(0.705 0.072 142.9)
WCAG contrast: on white 2.54:1 (Fail) · on black 8.24:1 (AAA)
- #1C7142 color page →
primary
#1C7142
- RGB
- rgb(28 113 66)
- HSL
- hsl(147 60% 28%)
- OKLCH
- oklch(0.487 0.109 154.2)
WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)
- #004535 color page →
accent
#004535
- RGB
- rgb(0 69 53)
- HSL
- hsl(166 100% 14%)
- OKLCH
- oklch(0.348 0.068 170.9)
WCAG contrast: on white 11.03:1 (AAA) · on black 1.90:1 (Fail)
- #021006 color page →
text
#021006
- RGB
- rgb(2 16 6)
- HSL
- hsl(137 78% 4%)
- OKLCH
- oklch(0.155 0.032 153.6)
WCAG contrast: on white 19.45:1 (AAA) · on black 1.07:1 (Fail)
Export Succulents Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4e9e5;
--surface: #86ac83;
--primary: #1c7142;
--accent: #004535;
--text: #021006;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4e9e5;
--color-surface: #86ac83;
--color-primary: #1c7142;
--color-accent: #004535;
--color-text: #021006;
}JSON (DTCG tokens)
{
"succulents-ribbon-36f": {
"bg": {
"$type": "color",
"$value": "#e4e9e5"
},
"surface": {
"$type": "color",
"$value": "#86ac83"
},
"primary": {
"$type": "color",
"$value": "#1c7142"
},
"accent": {
"$type": "color",
"$value": "#004535"
},
"text": {
"$type": "color",
"$value": "#021006"
}
}
}About this palette
Succulents Ribbon is a 5-color OKLCH-ready palette tagged green, cold, nature, 5 colors. Hex values: #E4E9E5, #86AC83, #1C7142, #004535, #021006. APCA contrast score Lc 9. 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 Ribbon by OKLab color distance.