Palette · 6 colors · Lc 9.3
Classic Cactus Canvas palette
Classic Cactus Canvas: a 6-color palette (Green, Gray, 6 Colors). HEX, RGB, HSL and OKLCH for #E8F3FD, #7993A8, #637455, #57424D, #1C272F, #000A14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F3FD
surface
#7993A8
muted
#637455
primary
#57424D
accent
#1C272F
text
#000A14
Colors in Classic Cactus Canvas: HEX, RGB, HSL & OKLCH
- #E8F3FD color page →
bg
#E8F3FD
- RGB
- rgb(232 243 253)
- HSL
- hsl(209 84% 95%)
- OKLCH
- oklch(0.959 0.018 245.4)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.66:1 (AAA)
- #7993A8 color page →
surface
#7993A8
- RGB
- rgb(121 147 168)
- HSL
- hsl(207 21% 57%)
- OKLCH
- oklch(0.651 0.043 242.8)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.55:1 (AA)
- #637455 color page →
muted
#637455
- RGB
- rgb(99 116 85)
- HSL
- hsl(93 15% 39%)
- OKLCH
- oklch(0.536 0.051 131.3)
WCAG contrast: on white 5.04:1 (AA) · on black 4.15:1 (Fail)
- #57424D color page →
primary
#57424D
- RGB
- rgb(87 66 77)
- HSL
- hsl(329 14% 30%)
- OKLCH
- oklch(0.406 0.034 345.9)
WCAG contrast: on white 9.16:1 (AAA) · on black 2.29:1 (Fail)
- #1C272F color page →
accent
#1C272F
- RGB
- rgb(28 39 47)
- HSL
- hsl(205 25% 15%)
- OKLCH
- oklch(0.266 0.021 240.2)
WCAG contrast: on white 15.21:1 (AAA) · on black 1.38:1 (Fail)
- #000A14 color page →
text
#000A14
- RGB
- rgb(0 10 20)
- HSL
- hsl(210 100% 4%)
- OKLCH
- oklch(0.138 0.031 239.3)
WCAG contrast: on white 19.93:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Cactus Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f3fd;
--surface: #7993a8;
--muted: #637455;
--primary: #57424d;
--accent: #1c272f;
--text: #000a14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f3fd;
--color-surface: #7993a8;
--color-muted: #637455;
--color-primary: #57424d;
--color-accent: #1c272f;
--color-text: #000a14;
}JSON (DTCG tokens)
{
"classic-cactus-canvas-3x": {
"bg": {
"$type": "color",
"$value": "#e8f3fd"
},
"surface": {
"$type": "color",
"$value": "#7993a8"
},
"muted": {
"$type": "color",
"$value": "#637455"
},
"primary": {
"$type": "color",
"$value": "#57424d"
},
"accent": {
"$type": "color",
"$value": "#1c272f"
},
"text": {
"$type": "color",
"$value": "#000a14"
}
}
}About this palette
Classic Cactus Canvas is a 6-color OKLCH-ready palette tagged green, gray, 6 colors. Hex values: #E8F3FD, #7993A8, #637455, #57424D, #1C272F, #000A14. 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 Classic Cactus Canvas by OKLab color distance.