Palette · 8 colors · Lc 8.3
Broccoli Paradise Signal palette
Broccoli Paradise Signal: a 8-color palette (Green, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #E5EFD9, #98BC69, #218D39, #0077AB, #6A52B2, #8D4188, #662610, #0F1605, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E5EFD9
surface
#98BC69
muted
#218D39
primary
#0077AB
secondary
#6A52B2
accent
#8D4188
highlight
#662610
text
#0F1605
Colors in Broccoli Paradise Signal: HEX, RGB, HSL & OKLCH
- #E5EFD9 color page →
bg
#E5EFD9
- RGB
- rgb(229 239 217)
- HSL
- hsl(87 41% 89%)
- OKLCH
- oklch(0.939 0.031 127)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.68:1 (AAA)
- #98BC69 color page →
surface
#98BC69
- RGB
- rgb(152 188 105)
- HSL
- hsl(86 38% 57%)
- OKLCH
- oklch(0.75 0.117 128.1)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.73:1 (AAA)
- #218D39 color page →
muted
#218D39
- RGB
- rgb(33 141 57)
- HSL
- hsl(133 62% 34%)
- OKLCH
- oklch(0.566 0.154 146.7)
WCAG contrast: on white 4.25:1 (Fail) · on black 4.93:1 (AA)
- #0077AB color page →
primary
#0077AB
- RGB
- rgb(0 119 171)
- HSL
- hsl(198 100% 34%)
- OKLCH
- oklch(0.54 0.119 237.7)
WCAG contrast: on white 4.96:1 (AA) · on black 4.22:1 (Fail)
- #6A52B2 color page →
secondary
#6A52B2
- RGB
- rgb(106 82 178)
- HSL
- hsl(255 38% 51%)
- OKLCH
- oklch(0.511 0.147 291.9)
WCAG contrast: on white 6.06:1 (AA) · on black 3.46:1 (Fail)
- #8D4188 color page →
accent
#8D4188
- RGB
- rgb(141 65 136)
- HSL
- hsl(304 37% 40%)
- OKLCH
- oklch(0.5 0.138 329.9)
WCAG contrast: on white 6.47:1 (AA) · on black 3.24:1 (Fail)
- #662610 color page →
highlight
#662610
- RGB
- rgb(102 38 16)
- HSL
- hsl(15 73% 23%)
- OKLCH
- oklch(0.359 0.098 38.6)
WCAG contrast: on white 11.35:1 (AAA) · on black 1.84:1 (Fail)
- #0F1605 color page →
text
#0F1605
- RGB
- rgb(15 22 5)
- HSL
- hsl(85 63% 5%)
- OKLCH
- oklch(0.187 0.034 127.1)
WCAG contrast: on white 18.46:1 (AAA) · on black 1.13:1 (Fail)
Export Broccoli Paradise Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5efd9;
--surface: #98bc69;
--muted: #218d39;
--primary: #0077ab;
--secondary: #6a52b2;
--accent: #8d4188;
--highlight: #662610;
--text: #0f1605;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5efd9;
--color-surface: #98bc69;
--color-muted: #218d39;
--color-primary: #0077ab;
--color-secondary: #6a52b2;
--color-accent: #8d4188;
--color-highlight: #662610;
--color-text: #0f1605;
}JSON (DTCG tokens)
{
"broccoli-paradise-signal-7jt": {
"bg": {
"$type": "color",
"$value": "#e5efd9"
},
"surface": {
"$type": "color",
"$value": "#98bc69"
},
"muted": {
"$type": "color",
"$value": "#218d39"
},
"primary": {
"$type": "color",
"$value": "#0077ab"
},
"secondary": {
"$type": "color",
"$value": "#6a52b2"
},
"accent": {
"$type": "color",
"$value": "#8d4188"
},
"highlight": {
"$type": "color",
"$value": "#662610"
},
"text": {
"$type": "color",
"$value": "#0f1605"
}
}
}About this palette
Broccoli Paradise Signal is a 8-color OKLCH-ready palette tagged green, rainbow, 8 colors. Hex values: #E5EFD9, #98BC69, #218D39, #0077AB, #6A52B2, #8D4188, #662610, #0F1605. APCA contrast score Lc 8.3. 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 Broccoli Paradise Signal by OKLab color distance.