Palette · 10 colors · Lc 9.9
Green Mana Cascade palette
Green Mana Cascade: a 10-color palette (Green, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #000904, #002907, #003F0F, #006824, #007E2F, #00984A, #21B66A, #7ED28C, #BAE7B6, #E1F9E7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000904
surface
#002907
muted
#003F0F
primary
#006824
secondary
#007E2F
accent
#00984A
highlight
#21B66A
border
#7ED28C
focus
#BAE7B6
text
#E1F9E7
Colors in Green Mana Cascade: HEX, RGB, HSL & OKLCH
- #000904 color page →
bg
#000904
- RGB
- rgb(0 9 4)
- HSL
- hsl(147 100% 2%)
- OKLCH
- oklch(0.124 0.027 162.4)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
- #002907 color page →
surface
#002907
- RGB
- rgb(0 41 7)
- HSL
- hsl(130 100% 8%)
- OKLCH
- oklch(0.244 0.074 146.1)
WCAG contrast: on white 15.90:1 (AAA) · on black 1.32:1 (Fail)
- #003F0F color page →
muted
#003F0F
- RGB
- rgb(0 63 15)
- HSL
- hsl(134 100% 12%)
- OKLCH
- oklch(0.32 0.097 146.2)
WCAG contrast: on white 12.22:1 (AAA) · on black 1.71:1 (Fail)
- #006824 color page →
primary
#006824
- RGB
- rgb(0 104 36)
- HSL
- hsl(141 100% 20%)
- OKLCH
- oklch(0.451 0.133 147.4)
WCAG contrast: on white 6.98:1 (AA) · on black 3.00:1 (Fail)
- #007E2F color page →
secondary
#007E2F
- RGB
- rgb(0 126 47)
- HSL
- hsl(142 100% 25%)
- OKLCH
- oklch(0.517 0.151 147.8)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #00984A color page →
accent
#00984A
- RGB
- rgb(0 152 74)
- HSL
- hsl(149 100% 30%)
- OKLCH
- oklch(0.595 0.159 151.3)
WCAG contrast: on white 3.75:1 (Fail) · on black 5.59:1 (AA)
- #21B66A color page →
highlight
#21B66A
- RGB
- rgb(33 182 106)
- HSL
- hsl(149 69% 42%)
- OKLCH
- oklch(0.685 0.163 154.4)
WCAG contrast: on white 2.63:1 (Fail) · on black 7.96:1 (AAA)
- #7ED28C color page →
border
#7ED28C
- RGB
- rgb(126 210 140)
- HSL
- hsl(130 48% 66%)
- OKLCH
- oklch(0.792 0.129 148.3)
WCAG contrast: on white 1.82:1 (Fail) · on black 11.48:1 (AAA)
- #BAE7B6 color page →
focus
#BAE7B6
- RGB
- rgb(186 231 182)
- HSL
- hsl(115 51% 81%)
- OKLCH
- oklch(0.883 0.081 142.7)
WCAG contrast: on white 1.38:1 (Fail) · on black 15.19:1 (AAA)
- #E1F9E7 color page →
text
#E1F9E7
- RGB
- rgb(225 249 231)
- HSL
- hsl(135 67% 93%)
- OKLCH
- oklch(0.96 0.035 153.2)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.90:1 (AAA)
Export Green Mana Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000904;
--surface: #002907;
--muted: #003f0f;
--primary: #006824;
--secondary: #007e2f;
--accent: #00984a;
--highlight: #21b66a;
--border: #7ed28c;
--focus: #bae7b6;
--text: #e1f9e7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000904;
--color-surface: #002907;
--color-muted: #003f0f;
--color-primary: #006824;
--color-secondary: #007e2f;
--color-accent: #00984a;
--color-highlight: #21b66a;
--color-border: #7ed28c;
--color-focus: #bae7b6;
--color-text: #e1f9e7;
}JSON (DTCG tokens)
{
"green-mana-cascade-7nr": {
"bg": {
"$type": "color",
"$value": "#000904"
},
"surface": {
"$type": "color",
"$value": "#002907"
},
"muted": {
"$type": "color",
"$value": "#003f0f"
},
"primary": {
"$type": "color",
"$value": "#006824"
},
"secondary": {
"$type": "color",
"$value": "#007e2f"
},
"accent": {
"$type": "color",
"$value": "#00984a"
},
"highlight": {
"$type": "color",
"$value": "#21b66a"
},
"border": {
"$type": "color",
"$value": "#7ed28c"
},
"focus": {
"$type": "color",
"$value": "#bae7b6"
},
"text": {
"$type": "color",
"$value": "#e1f9e7"
}
}
}About this palette
Green Mana Cascade is a 10-color OKLCH-ready palette tagged green, cold, 10 colors. Hex values: #000904, #002907, #003F0F, #006824, #007E2F, #00984A, #21B66A, #7ED28C, #BAE7B6, #E1F9E7. APCA contrast score Lc 9.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 Green Mana Cascade by OKLab color distance.