Palette · 4 colors · Lc 8.1
Verde Pulse palette
Verde Pulse: a 4-color palette (Green, Nature, 4 Colors). HEX, RGB, HSL and OKLCH for #DDE9E1, #80B288, #004B36, #011409, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DDE9E1
surface
#80B288
accent
#004B36
text
#011409
Colors in Verde Pulse: HEX, RGB, HSL & OKLCH
- #DDE9E1 color page →
bg
#DDE9E1
- RGB
- rgb(221 233 225)
- HSL
- hsl(140 21% 89%)
- OKLCH
- oklch(0.923 0.017 156.9)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.81:1 (AAA)
- #80B288 color page →
surface
#80B288
- RGB
- rgb(128 178 136)
- HSL
- hsl(130 25% 60%)
- OKLCH
- oklch(0.717 0.081 148.9)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.64:1 (AAA)
- #004B36 color page →
accent
#004B36
- RGB
- rgb(0 75 54)
- HSL
- hsl(163 100% 15%)
- OKLCH
- oklch(0.366 0.075 166.7)
WCAG contrast: on white 10.19:1 (AAA) · on black 2.05:1 (Fail)
- #011409 color page →
text
#011409
- RGB
- rgb(1 20 9)
- HSL
- hsl(145 90% 4%)
- OKLCH
- oklch(0.17 0.037 158.2)
WCAG contrast: on white 18.99:1 (AAA) · on black 1.10:1 (Fail)
Export Verde Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dde9e1;
--surface: #80b288;
--accent: #004b36;
--text: #011409;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dde9e1;
--color-surface: #80b288;
--color-accent: #004b36;
--color-text: #011409;
}JSON (DTCG tokens)
{
"verde-pulse-2hw": {
"bg": {
"$type": "color",
"$value": "#dde9e1"
},
"surface": {
"$type": "color",
"$value": "#80b288"
},
"accent": {
"$type": "color",
"$value": "#004b36"
},
"text": {
"$type": "color",
"$value": "#011409"
}
}
}About this palette
Verde Pulse is a 4-color OKLCH-ready palette tagged green, nature, 4 colors. Hex values: #DDE9E1, #80B288, #004B36, #011409. APCA contrast score Lc 8.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 Verde Pulse by OKLab color distance.