Palette · 8 colors · Lc 10
Blue Moon Cascade palette
Blue Moon Cascade: a 8-color palette (Blue, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E8F8FA, #AFD1DC, #82AFBE, #4C92A4, #3A7083, #1B4655, #102C37, #080B0C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8F8FA
surface
#AFD1DC
muted
#82AFBE
primary
#4C92A4
secondary
#3A7083
accent
#1B4655
highlight
#102C37
text
#080B0C
Colors in Blue Moon Cascade: HEX, RGB, HSL & OKLCH
- #E8F8FA color page →
bg
#E8F8FA
- RGB
- rgb(232 248 250)
- HSL
- hsl(187 64% 95%)
- OKLCH
- oklch(0.968 0.017 205.8)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.23:1 (AAA)
- #AFD1DC color page →
surface
#AFD1DC
- RGB
- rgb(175 209 220)
- HSL
- hsl(195 39% 77%)
- OKLCH
- oklch(0.839 0.039 219.4)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.97:1 (AAA)
- #82AFBE color page →
muted
#82AFBE
- RGB
- rgb(130 175 190)
- HSL
- hsl(195 32% 63%)
- OKLCH
- oklch(0.727 0.053 220.4)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.82:1 (AAA)
- #4C92A4 color page →
primary
#4C92A4
- RGB
- rgb(76 146 164)
- HSL
- hsl(192 37% 47%)
- OKLCH
- oklch(0.621 0.075 216.6)
WCAG contrast: on white 3.52:1 (Fail) · on black 5.95:1 (AA)
- #3A7083 color page →
secondary
#3A7083
- RGB
- rgb(58 112 131)
- HSL
- hsl(196 39% 37%)
- OKLCH
- oklch(0.516 0.065 223.3)
WCAG contrast: on white 5.48:1 (AA) · on black 3.82:1 (Fail)
- #1B4655 color page →
accent
#1B4655
- RGB
- rgb(27 70 85)
- HSL
- hsl(196 52% 22%)
- OKLCH
- oklch(0.371 0.054 224.1)
WCAG contrast: on white 10.22:1 (AAA) · on black 2.05:1 (Fail)
- #102C37 color page →
highlight
#102C37
- RGB
- rgb(16 44 55)
- HSL
- hsl(197 55% 14%)
- OKLCH
- oklch(0.277 0.039 226.6)
WCAG contrast: on white 14.60:1 (AAA) · on black 1.43:1 (Fail)
- #080B0C color page →
text
#080B0C
- RGB
- rgb(8 11 12)
- HSL
- hsl(195 20% 4%)
- OKLCH
- oklch(0.146 0.006 219)
WCAG contrast: on white 19.74:1 (AAA) · on black 1.06:1 (Fail)
Export Blue Moon Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8f8fa;
--surface: #afd1dc;
--muted: #82afbe;
--primary: #4c92a4;
--secondary: #3a7083;
--accent: #1b4655;
--highlight: #102c37;
--text: #080b0c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8f8fa;
--color-surface: #afd1dc;
--color-muted: #82afbe;
--color-primary: #4c92a4;
--color-secondary: #3a7083;
--color-accent: #1b4655;
--color-highlight: #102c37;
--color-text: #080b0c;
}JSON (DTCG tokens)
{
"blue-moon-cascade-7n9": {
"bg": {
"$type": "color",
"$value": "#e8f8fa"
},
"surface": {
"$type": "color",
"$value": "#afd1dc"
},
"muted": {
"$type": "color",
"$value": "#82afbe"
},
"primary": {
"$type": "color",
"$value": "#4c92a4"
},
"secondary": {
"$type": "color",
"$value": "#3a7083"
},
"accent": {
"$type": "color",
"$value": "#1b4655"
},
"highlight": {
"$type": "color",
"$value": "#102c37"
},
"text": {
"$type": "color",
"$value": "#080b0c"
}
}
}About this palette
Blue Moon Cascade is a 8-color OKLCH-ready palette tagged blue, gray, cold, 8 colors. Hex values: #E8F8FA, #AFD1DC, #82AFBE, #4C92A4, #3A7083, #1B4655, #102C37, #080B0C. APCA contrast score Lc 10. 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 Blue Moon Cascade by OKLab color distance.