Palette · 6 colors · Lc 7.9
True Leapfrog Prism palette
True Leapfrog Prism: a 6-color palette (Green, 6 Colors). HEX, RGB, HSL and OKLCH for #D8E4DC, #97D091, #3BA74F, #008046, #005340, #00220A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 6 Colors
bg
#D8E4DC
surface
#97D091
muted
#3BA74F
primary
#008046
accent
#005340
text
#00220A
Colors in True Leapfrog Prism: HEX, RGB, HSL & OKLCH
- #D8E4DC color page →
bg
#D8E4DC
- RGB
- rgb(216 228 220)
- HSL
- hsl(140 18% 87%)
- OKLCH
- oklch(0.908 0.017 156.9)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.05:1 (AAA)
- #97D091 color page →
surface
#97D091
- RGB
- rgb(151 208 145)
- HSL
- hsl(114 40% 69%)
- OKLCH
- oklch(0.802 0.105 142.2)
WCAG contrast: on white 1.78:1 (Fail) · on black 11.74:1 (AAA)
- #3BA74F color page →
muted
#3BA74F
- RGB
- rgb(59 167 79)
- HSL
- hsl(131 48% 44%)
- OKLCH
- oklch(0.646 0.16 146.8)
WCAG contrast: on white 3.07:1 (Fail) · on black 6.82:1 (AA)
- #008046 color page →
primary
#008046
- RGB
- rgb(0 128 70)
- HSL
- hsl(153 100% 25%)
- OKLCH
- oklch(0.527 0.132 154.3)
WCAG contrast: on white 5.02:1 (AA) · on black 4.17:1 (Fail)
- #005340 color page →
accent
#005340
- RGB
- rgb(0 83 64)
- HSL
- hsl(166 100% 16%)
- OKLCH
- oklch(0.394 0.077 170.6)
WCAG contrast: on white 9.08:1 (AAA) · on black 2.31:1 (Fail)
- #00220A color page →
text
#00220A
- RGB
- rgb(0 34 10)
- HSL
- hsl(138 100% 7%)
- OKLCH
- oklch(0.22 0.061 150)
WCAG contrast: on white 17.02:1 (AAA) · on black 1.23:1 (Fail)
Export True Leapfrog Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8e4dc;
--surface: #97d091;
--muted: #3ba74f;
--primary: #008046;
--accent: #005340;
--text: #00220a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8e4dc;
--color-surface: #97d091;
--color-muted: #3ba74f;
--color-primary: #008046;
--color-accent: #005340;
--color-text: #00220a;
}JSON (DTCG tokens)
{
"true-leapfrog-prism-5s4": {
"bg": {
"$type": "color",
"$value": "#d8e4dc"
},
"surface": {
"$type": "color",
"$value": "#97d091"
},
"muted": {
"$type": "color",
"$value": "#3ba74f"
},
"primary": {
"$type": "color",
"$value": "#008046"
},
"accent": {
"$type": "color",
"$value": "#005340"
},
"text": {
"$type": "color",
"$value": "#00220a"
}
}
}About this palette
True Leapfrog Prism is a 6-color OKLCH-ready palette tagged green, 6 colors. Hex values: #D8E4DC, #97D091, #3BA74F, #008046, #005340, #00220A. APCA contrast score Lc 7.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 True Leapfrog Prism by OKLab color distance.