Palette · 6 colors · Lc 9.9
True Avocado Canvas palette
True Avocado Canvas: a 6-color palette (Green, 6 Colors). HEX, RGB, HSL and OKLCH for #EAF1F6, #2B9CD4, #4A8300, #79395F, #06293A, #000710, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 6 Colors
bg
#EAF1F6
surface
#2B9CD4
muted
#4A8300
primary
#79395F
accent
#06293A
text
#000710
Colors in True Avocado Canvas: HEX, RGB, HSL & OKLCH
- #EAF1F6 color page →
bg
#EAF1F6
- RGB
- rgb(234 241 246)
- HSL
- hsl(205 40% 94%)
- OKLCH
- oklch(0.954 0.01 238.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.41:1 (AAA)
- #2B9CD4 color page →
surface
#2B9CD4
- RGB
- rgb(43 156 212)
- HSL
- hsl(200 66% 50%)
- OKLCH
- oklch(0.657 0.127 235.8)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.80:1 (AA)
- #4A8300 color page →
muted
#4A8300
- RGB
- rgb(74 131 0)
- HSL
- hsl(86 100% 26%)
- OKLCH
- oklch(0.549 0.155 133.1)
WCAG contrast: on white 4.62:1 (AA) · on black 4.53:1 (AA)
- #79395F color page →
primary
#79395F
- RGB
- rgb(121 57 95)
- HSL
- hsl(324 36% 35%)
- OKLCH
- oklch(0.441 0.101 345.5)
WCAG contrast: on white 8.19:1 (AAA) · on black 2.56:1 (Fail)
- #06293A color page →
accent
#06293A
- RGB
- rgb(6 41 58)
- HSL
- hsl(200 81% 13%)
- OKLCH
- oklch(0.266 0.05 234.5)
WCAG contrast: on white 15.15:1 (AAA) · on black 1.38:1 (Fail)
- #000710 color page →
text
#000710
- RGB
- rgb(0 7 16)
- HSL
- hsl(214 100% 3%)
- OKLCH
- oklch(0.123 0.029 241.4)
WCAG contrast: on white 20.23:1 (AAA) · on black 1.03:1 (Fail)
Export True Avocado Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf1f6;
--surface: #2b9cd4;
--muted: #4a8300;
--primary: #79395f;
--accent: #06293a;
--text: #000710;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf1f6;
--color-surface: #2b9cd4;
--color-muted: #4a8300;
--color-primary: #79395f;
--color-accent: #06293a;
--color-text: #000710;
}JSON (DTCG tokens)
{
"true-avocado-canvas-564": {
"bg": {
"$type": "color",
"$value": "#eaf1f6"
},
"surface": {
"$type": "color",
"$value": "#2b9cd4"
},
"muted": {
"$type": "color",
"$value": "#4a8300"
},
"primary": {
"$type": "color",
"$value": "#79395f"
},
"accent": {
"$type": "color",
"$value": "#06293a"
},
"text": {
"$type": "color",
"$value": "#000710"
}
}
}About this palette
True Avocado Canvas is a 6-color OKLCH-ready palette tagged green, 6 colors. Hex values: #EAF1F6, #2B9CD4, #4A8300, #79395F, #06293A, #000710. 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 True Avocado Canvas by OKLab color distance.