Palette · 6 colors · Lc 8.8
Avocado Canvas palette
Avocado Canvas: a 6-color palette (Green, 6 Colors). HEX, RGB, HSL and OKLCH for #F0E3DD, #D87444, #488100, #007EA5, #544B93, #1F110B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 6 Colors
bg
#F0E3DD
surface
#D87444
muted
#488100
primary
#007EA5
accent
#544B93
text
#1F110B
Colors in Avocado Canvas: HEX, RGB, HSL & OKLCH
- #F0E3DD color page →
bg
#F0E3DD
- RGB
- rgb(240 227 221)
- HSL
- hsl(19 39% 90%)
- OKLCH
- oklch(0.925 0.016 46.6)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.73:1 (AAA)
- #D87444 color page →
surface
#D87444
- RGB
- rgb(216 116 68)
- HSL
- hsl(19 65% 56%)
- OKLCH
- oklch(0.664 0.14 45)
WCAG contrast: on white 3.23:1 (Fail) · on black 6.50:1 (AA)
- #488100 color page →
muted
#488100
- RGB
- rgb(72 129 0)
- HSL
- hsl(87 100% 25%)
- OKLCH
- oklch(0.542 0.154 133.4)
WCAG contrast: on white 4.75:1 (AA) · on black 4.41:1 (Fail)
- #007EA5 color page →
primary
#007EA5
- RGB
- rgb(0 126 165)
- HSL
- hsl(194 100% 32%)
- OKLCH
- oklch(0.554 0.109 228.7)
WCAG contrast: on white 4.63:1 (AA) · on black 4.52:1 (AA)
- #544B93 color page →
accent
#544B93
- RGB
- rgb(84 75 147)
- HSL
- hsl(248 32% 44%)
- OKLCH
- oklch(0.458 0.114 286.7)
WCAG contrast: on white 7.48:1 (AAA) · on black 2.80:1 (Fail)
- #1F110B color page →
text
#1F110B
- RGB
- rgb(31 17 11)
- HSL
- hsl(18 48% 8%)
- OKLCH
- oklch(0.195 0.026 44)
WCAG contrast: on white 18.36:1 (AAA) · on black 1.14:1 (Fail)
Export Avocado Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0e3dd;
--surface: #d87444;
--muted: #488100;
--primary: #007ea5;
--accent: #544b93;
--text: #1f110b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0e3dd;
--color-surface: #d87444;
--color-muted: #488100;
--color-primary: #007ea5;
--color-accent: #544b93;
--color-text: #1f110b;
}JSON (DTCG tokens)
{
"avocado-canvas-5u2": {
"bg": {
"$type": "color",
"$value": "#f0e3dd"
},
"surface": {
"$type": "color",
"$value": "#d87444"
},
"muted": {
"$type": "color",
"$value": "#488100"
},
"primary": {
"$type": "color",
"$value": "#007ea5"
},
"accent": {
"$type": "color",
"$value": "#544b93"
},
"text": {
"$type": "color",
"$value": "#1f110b"
}
}
}About this palette
Avocado Canvas is a 6-color OKLCH-ready palette tagged green, 6 colors. Hex values: #F0E3DD, #D87444, #488100, #007EA5, #544B93, #1F110B. APCA contrast score Lc 8.8. 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 Avocado Canvas by OKLab color distance.