Palette · 4 colors · Lc 9.1
Primavera Noir palette
Primavera Noir: a 4-color palette (Green, Nature, 4 Colors). HEX, RGB, HSL and OKLCH for #DFF0E7, #76AA77, #004133, #09150E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DFF0E7
surface
#76AA77
accent
#004133
text
#09150E
Colors in Primavera Noir: HEX, RGB, HSL & OKLCH
- #DFF0E7 color page →
bg
#DFF0E7
- RGB
- rgb(223 240 231)
- HSL
- hsl(148 36% 91%)
- OKLCH
- oklch(0.94 0.022 163)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.75:1 (AAA)
- #76AA77 color page →
surface
#76AA77
- RGB
- rgb(118 170 119)
- HSL
- hsl(121 23% 56%)
- OKLCH
- oklch(0.688 0.092 144.9)
WCAG contrast: on white 2.69:1 (Fail) · on black 7.78:1 (AAA)
- #004133 color page →
accent
#004133
- RGB
- rgb(0 65 51)
- HSL
- hsl(167 100% 13%)
- OKLCH
- oklch(0.334 0.064 172.6)
WCAG contrast: on white 11.64:1 (AAA) · on black 1.80:1 (Fail)
- #09150E color page →
text
#09150E
- RGB
- rgb(9 21 14)
- HSL
- hsl(145 40% 6%)
- OKLCH
- oklch(0.182 0.023 157.7)
WCAG contrast: on white 18.66:1 (AAA) · on black 1.12:1 (Fail)
Export Primavera Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dff0e7;
--surface: #76aa77;
--accent: #004133;
--text: #09150e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dff0e7;
--color-surface: #76aa77;
--color-accent: #004133;
--color-text: #09150e;
}JSON (DTCG tokens)
{
"primavera-noir-4bp": {
"bg": {
"$type": "color",
"$value": "#dff0e7"
},
"surface": {
"$type": "color",
"$value": "#76aa77"
},
"accent": {
"$type": "color",
"$value": "#004133"
},
"text": {
"$type": "color",
"$value": "#09150e"
}
}
}About this palette
Primavera Noir is a 4-color OKLCH-ready palette tagged green, nature, 4 colors. Hex values: #DFF0E7, #76AA77, #004133, #09150E. 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 Primavera Noir by OKLab color distance.