Palette · 9 colors · Lc 9.7
True Broccoli Paradise Signal palette
True Broccoli Paradise Signal: a 9-color palette (Green, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #E4FBE2, #ADE1AB, #6CC17E, #479E58, #1F8C42, #006407, #004E14, #00280B, #010901, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Monochromatic
- 9 Colors
bg
#E4FBE2
surface
#ADE1AB
muted
#6CC17E
primary
#479E58
secondary
#1F8C42
accent
#006407
highlight
#004E14
border
#00280B
text
#010901
Colors in True Broccoli Paradise Signal: HEX, RGB, HSL & OKLCH
- #E4FBE2 color page →
bg
#E4FBE2
- RGB
- rgb(228 251 226)
- HSL
- hsl(115 76% 94%)
- OKLCH
- oklch(0.965 0.041 143)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.19:1 (AAA)
- #ADE1AB color page →
surface
#ADE1AB
- RGB
- rgb(173 225 171)
- HSL
- hsl(118 47% 78%)
- OKLCH
- oklch(0.86 0.091 143.8)
WCAG contrast: on white 1.48:1 (Fail) · on black 14.13:1 (AAA)
- #6CC17E color page →
muted
#6CC17E
- RGB
- rgb(108 193 126)
- HSL
- hsl(133 41% 59%)
- OKLCH
- oklch(0.74 0.127 149.3)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.56:1 (AAA)
- #479E58 color page →
primary
#479E58
- RGB
- rgb(71 158 88)
- HSL
- hsl(132 38% 45%)
- OKLCH
- oklch(0.628 0.133 147.9)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #1F8C42 color page →
secondary
#1F8C42
- RGB
- rgb(31 140 66)
- HSL
- hsl(139 64% 34%)
- OKLCH
- oklch(0.564 0.146 149.1)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.88:1 (AA)
- #006407 color page →
accent
#006407
- RGB
- rgb(0 100 7)
- HSL
- hsl(124 100% 20%)
- OKLCH
- oklch(0.436 0.146 143.1)
WCAG contrast: on white 7.43:1 (AAA) · on black 2.82:1 (Fail)
- #004E14 color page →
highlight
#004E14
- RGB
- rgb(0 78 20)
- HSL
- hsl(135 100% 15%)
- OKLCH
- oklch(0.369 0.113 146)
WCAG contrast: on white 10.00:1 (AAA) · on black 2.09:1 (Fail)
- #00280B color page →
border
#00280B
- RGB
- rgb(0 40 11)
- HSL
- hsl(137 100% 8%)
- OKLCH
- oklch(0.242 0.069 148.7)
WCAG contrast: on white 16.05:1 (AAA) · on black 1.30:1 (Fail)
- #010901 color page →
text
#010901
- RGB
- rgb(1 9 1)
- HSL
- hsl(120 80% 2%)
- OKLCH
- oklch(0.123 0.034 143.2)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
Export True Broccoli Paradise Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4fbe2;
--surface: #ade1ab;
--muted: #6cc17e;
--primary: #479e58;
--secondary: #1f8c42;
--accent: #006407;
--highlight: #004e14;
--border: #00280b;
--text: #010901;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4fbe2;
--color-surface: #ade1ab;
--color-muted: #6cc17e;
--color-primary: #479e58;
--color-secondary: #1f8c42;
--color-accent: #006407;
--color-highlight: #004e14;
--color-border: #00280b;
--color-text: #010901;
}JSON (DTCG tokens)
{
"true-broccoli-paradise-signal-4ms": {
"bg": {
"$type": "color",
"$value": "#e4fbe2"
},
"surface": {
"$type": "color",
"$value": "#ade1ab"
},
"muted": {
"$type": "color",
"$value": "#6cc17e"
},
"primary": {
"$type": "color",
"$value": "#479e58"
},
"secondary": {
"$type": "color",
"$value": "#1f8c42"
},
"accent": {
"$type": "color",
"$value": "#006407"
},
"highlight": {
"$type": "color",
"$value": "#004e14"
},
"border": {
"$type": "color",
"$value": "#00280b"
},
"text": {
"$type": "color",
"$value": "#010901"
}
}
}About this palette
True Broccoli Paradise Signal is a 9-color OKLCH-ready palette tagged green, monochromatic, 9 colors. Hex values: #E4FBE2, #ADE1AB, #6CC17E, #479E58, #1F8C42, #006407, #004E14, #00280B, #010901. 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 True Broccoli Paradise Signal by OKLab color distance.