Palette · 6 colors · Lc 8.7
Pure Blue Moon Canvas palette
Pure Blue Moon Canvas: a 6-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E7EFF2, #8DC9CF, #3791A6, #006D7E, #004750, #000B15, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EFF2
surface
#8DC9CF
muted
#3791A6
primary
#006D7E
accent
#004750
text
#000B15
Colors in Pure Blue Moon Canvas: HEX, RGB, HSL & OKLCH
- #E7EFF2 color page →
bg
#E7EFF2
- RGB
- rgb(231 239 242)
- HSL
- hsl(196 30% 93%)
- OKLCH
- oklch(0.947 0.009 222.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
- #8DC9CF color page →
surface
#8DC9CF
- RGB
- rgb(141 201 207)
- HSL
- hsl(185 41% 68%)
- OKLCH
- oklch(0.797 0.062 203.8)
WCAG contrast: on white 1.84:1 (Fail) · on black 11.38:1 (AAA)
- #3791A6 color page →
muted
#3791A6
- RGB
- rgb(55 145 166)
- HSL
- hsl(191 50% 43%)
- OKLCH
- oklch(0.612 0.089 216.1)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #006D7E color page →
primary
#006D7E
- RGB
- rgb(0 109 126)
- HSL
- hsl(188 100% 25%)
- OKLCH
- oklch(0.491 0.086 213.3)
WCAG contrast: on white 6.01:1 (AA) · on black 3.48:1 (Fail)
- #004750 color page →
accent
#004750
- RGB
- rgb(0 71 80)
- HSL
- hsl(187 100% 16%)
- OKLCH
- oklch(0.364 0.063 209.1)
WCAG contrast: on white 10.41:1 (AAA) · on black 2.01:1 (Fail)
- #000B15 color page →
text
#000B15
- RGB
- rgb(0 11 21)
- HSL
- hsl(209 100% 4%)
- OKLCH
- oklch(0.142 0.032 238.2)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export Pure Blue Moon Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7eff2;
--surface: #8dc9cf;
--muted: #3791a6;
--primary: #006d7e;
--accent: #004750;
--text: #000b15;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7eff2;
--color-surface: #8dc9cf;
--color-muted: #3791a6;
--color-primary: #006d7e;
--color-accent: #004750;
--color-text: #000b15;
}JSON (DTCG tokens)
{
"pure-blue-moon-canvas-bc": {
"bg": {
"$type": "color",
"$value": "#e7eff2"
},
"surface": {
"$type": "color",
"$value": "#8dc9cf"
},
"muted": {
"$type": "color",
"$value": "#3791a6"
},
"primary": {
"$type": "color",
"$value": "#006d7e"
},
"accent": {
"$type": "color",
"$value": "#004750"
},
"text": {
"$type": "color",
"$value": "#000b15"
}
}
}About this palette
Pure Blue Moon Canvas is a 6-color OKLCH-ready palette tagged blue, cold, ocean, nature, 6 colors. Hex values: #E7EFF2, #8DC9CF, #3791A6, #006D7E, #004750, #000B15. APCA contrast score Lc 8.7. 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 Pure Blue Moon Canvas by OKLab color distance.