Palette · 8 colors · Lc 8.9
Classic Lake Lucerne Meadow palette
Classic Lake Lucerne Meadow: a 8-color palette (Blue, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D5E8F1, #B0C9D0, #87B1B8, #6998AB, #4F6D84, #3C4E63, #2A3540, #051319, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D5E8F1
surface
#B0C9D0
muted
#87B1B8
primary
#6998AB
secondary
#4F6D84
accent
#3C4E63
highlight
#2A3540
text
#051319
Colors in Classic Lake Lucerne Meadow: HEX, RGB, HSL & OKLCH
- #D5E8F1 color page →
bg
#D5E8F1
- RGB
- rgb(213 232 241)
- HSL
- hsl(199 50% 89%)
- OKLCH
- oklch(0.92 0.024 227.7)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.64:1 (AAA)
- #B0C9D0 color page →
surface
#B0C9D0
- RGB
- rgb(176 201 208)
- HSL
- hsl(193 25% 75%)
- OKLCH
- oklch(0.819 0.029 216.4)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.11:1 (AAA)
- #87B1B8 color page →
muted
#87B1B8
- RGB
- rgb(135 177 184)
- HSL
- hsl(189 26% 63%)
- OKLCH
- oklch(0.732 0.046 208.8)
WCAG contrast: on white 2.33:1 (Fail) · on black 9.01:1 (AAA)
- #6998AB color page →
primary
#6998AB
- RGB
- rgb(105 152 171)
- HSL
- hsl(197 28% 54%)
- OKLCH
- oklch(0.653 0.058 225.2)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.68:1 (AA)
- #4F6D84 color page →
secondary
#4F6D84
- RGB
- rgb(79 109 132)
- HSL
- hsl(206 25% 41%)
- OKLCH
- oklch(0.521 0.051 241.9)
WCAG contrast: on white 5.45:1 (AA) · on black 3.85:1 (Fail)
- #3C4E63 color page →
accent
#3C4E63
- RGB
- rgb(60 78 99)
- HSL
- hsl(212 25% 31%)
- OKLCH
- oklch(0.418 0.042 252.7)
WCAG contrast: on white 8.52:1 (AAA) · on black 2.46:1 (Fail)
- #2A3540 color page →
highlight
#2A3540
- RGB
- rgb(42 53 64)
- HSL
- hsl(210 21% 21%)
- OKLCH
- oklch(0.324 0.025 248.6)
WCAG contrast: on white 12.48:1 (AAA) · on black 1.68:1 (Fail)
- #051319 color page →
text
#051319
- RGB
- rgb(5 19 25)
- HSL
- hsl(198 67% 6%)
- OKLCH
- oklch(0.177 0.024 226.6)
WCAG contrast: on white 18.85:1 (AAA) · on black 1.11:1 (Fail)
Export Classic Lake Lucerne Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d5e8f1;
--surface: #b0c9d0;
--muted: #87b1b8;
--primary: #6998ab;
--secondary: #4f6d84;
--accent: #3c4e63;
--highlight: #2a3540;
--text: #051319;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d5e8f1;
--color-surface: #b0c9d0;
--color-muted: #87b1b8;
--color-primary: #6998ab;
--color-secondary: #4f6d84;
--color-accent: #3c4e63;
--color-highlight: #2a3540;
--color-text: #051319;
}JSON (DTCG tokens)
{
"classic-lake-lucerne-meadow-6k9": {
"bg": {
"$type": "color",
"$value": "#d5e8f1"
},
"surface": {
"$type": "color",
"$value": "#b0c9d0"
},
"muted": {
"$type": "color",
"$value": "#87b1b8"
},
"primary": {
"$type": "color",
"$value": "#6998ab"
},
"secondary": {
"$type": "color",
"$value": "#4f6d84"
},
"accent": {
"$type": "color",
"$value": "#3c4e63"
},
"highlight": {
"$type": "color",
"$value": "#2a3540"
},
"text": {
"$type": "color",
"$value": "#051319"
}
}
}About this palette
Classic Lake Lucerne Meadow is a 8-color OKLCH-ready palette tagged blue, gray, cold, 8 colors. Hex values: #D5E8F1, #B0C9D0, #87B1B8, #6998AB, #4F6D84, #3C4E63, #2A3540, #051319. APCA contrast score Lc 8.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 Classic Lake Lucerne Meadow by OKLab color distance.