Palette · 9 colors · Lc 9.3
Jubilant Jade Studio palette
Jubilant Jade Studio: a 9-color palette (Green, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #DAF5EB, #AAD3BB, #76BE91, #36A66E, #008F62, #007251, #00564F, #003525, #001C0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAF5EB
surface
#AAD3BB
muted
#76BE91
primary
#36A66E
secondary
#008F62
accent
#007251
highlight
#00564F
border
#003525
text
#001C0F
Colors in Jubilant Jade Studio: HEX, RGB, HSL & OKLCH
- #DAF5EB color page →
bg
#DAF5EB
- RGB
- rgb(218 245 235)
- HSL
- hsl(158 57% 91%)
- OKLCH
- oklch(0.948 0.031 171.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.24:1 (AAA)
- #AAD3BB color page →
surface
#AAD3BB
- RGB
- rgb(170 211 187)
- HSL
- hsl(145 32% 75%)
- OKLCH
- oklch(0.831 0.055 159.3)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.74:1 (AAA)
- #76BE91 color page →
muted
#76BE91
- RGB
- rgb(118 190 145)
- HSL
- hsl(143 36% 60%)
- OKLCH
- oklch(0.742 0.098 155.7)
WCAG contrast: on white 2.20:1 (Fail) · on black 9.54:1 (AAA)
- #36A66E color page →
primary
#36A66E
- RGB
- rgb(54 166 110)
- HSL
- hsl(150 51% 43%)
- OKLCH
- oklch(0.648 0.131 157.4)
WCAG contrast: on white 3.07:1 (Fail) · on black 6.83:1 (AA)
- #008F62 color page →
secondary
#008F62
- RGB
- rgb(0 143 98)
- HSL
- hsl(161 100% 28%)
- OKLCH
- oklch(0.575 0.125 162.4)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.10:1 (AA)
- #007251 color page →
accent
#007251
- RGB
- rgb(0 114 81)
- HSL
- hsl(163 100% 22%)
- OKLCH
- oklch(0.489 0.103 164.8)
WCAG contrast: on white 5.95:1 (AA) · on black 3.52:1 (Fail)
- #00564F color page →
highlight
#00564F
- RGB
- rgb(0 86 79)
- HSL
- hsl(175 100% 17%)
- OKLCH
- oklch(0.408 0.072 185.4)
WCAG contrast: on white 8.59:1 (AAA) · on black 2.44:1 (Fail)
- #003525 color page →
border
#003525
- RGB
- rgb(0 53 37)
- HSL
- hsl(162 100% 10%)
- OKLCH
- oklch(0.292 0.06 166.5)
WCAG contrast: on white 13.67:1 (AAA) · on black 1.53:1 (Fail)
- #001C0F color page →
text
#001C0F
- RGB
- rgb(0 28 15)
- HSL
- hsl(152 100% 5%)
- OKLCH
- oklch(0.2 0.045 160.6)
WCAG contrast: on white 17.90:1 (AAA) · on black 1.17:1 (Fail)
Export Jubilant Jade Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daf5eb;
--surface: #aad3bb;
--muted: #76be91;
--primary: #36a66e;
--secondary: #008f62;
--accent: #007251;
--highlight: #00564f;
--border: #003525;
--text: #001c0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daf5eb;
--color-surface: #aad3bb;
--color-muted: #76be91;
--color-primary: #36a66e;
--color-secondary: #008f62;
--color-accent: #007251;
--color-highlight: #00564f;
--color-border: #003525;
--color-text: #001c0f;
}JSON (DTCG tokens)
{
"jubilant-jade-studio-6ca": {
"bg": {
"$type": "color",
"$value": "#daf5eb"
},
"surface": {
"$type": "color",
"$value": "#aad3bb"
},
"muted": {
"$type": "color",
"$value": "#76be91"
},
"primary": {
"$type": "color",
"$value": "#36a66e"
},
"secondary": {
"$type": "color",
"$value": "#008f62"
},
"accent": {
"$type": "color",
"$value": "#007251"
},
"highlight": {
"$type": "color",
"$value": "#00564f"
},
"border": {
"$type": "color",
"$value": "#003525"
},
"text": {
"$type": "color",
"$value": "#001c0f"
}
}
}About this palette
Jubilant Jade Studio is a 9-color OKLCH-ready palette tagged green, cold, 9 colors. Hex values: #DAF5EB, #AAD3BB, #76BE91, #36A66E, #008F62, #007251, #00564F, #003525, #001C0F. APCA contrast score Lc 9.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 Jubilant Jade Studio by OKLab color distance.