Palette · 7 colors · Lc 8.4
Pure Quiet Harbour Meadow palette
Pure Quiet Harbour Meadow: a 7-color palette (Violet, Gray, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E3E9EF, #A8C7D8, #76A5C4, #53779D, #3C5474, #213350, #091521, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E3E9EF
surface
#A8C7D8
muted
#76A5C4
primary
#53779D
secondary
#3C5474
accent
#213350
text
#091521
Colors in Pure Quiet Harbour Meadow: HEX, RGB, HSL & OKLCH
- #E3E9EF color page →
bg
#E3E9EF
- RGB
- rgb(227 233 239)
- HSL
- hsl(210 27% 91%)
- OKLCH
- oklch(0.931 0.01 247.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.16:1 (AAA)
- #A8C7D8 color page →
surface
#A8C7D8
- RGB
- rgb(168 199 216)
- HSL
- hsl(201 38% 75%)
- OKLCH
- oklch(0.812 0.041 231.9)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.82:1 (AAA)
- #76A5C4 color page →
muted
#76A5C4
- RGB
- rgb(118 165 196)
- HSL
- hsl(204 40% 62%)
- OKLCH
- oklch(0.7 0.068 237.9)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.94:1 (AAA)
- #53779D color page →
primary
#53779D
- RGB
- rgb(83 119 157)
- HSL
- hsl(211 31% 47%)
- OKLCH
- oklch(0.558 0.072 250.5)
WCAG contrast: on white 4.67:1 (AA) · on black 4.49:1 (Fail)
- #3C5474 color page →
secondary
#3C5474
- RGB
- rgb(60 84 116)
- HSL
- hsl(214 32% 35%)
- OKLCH
- oklch(0.441 0.061 255.9)
WCAG contrast: on white 7.74:1 (AAA) · on black 2.71:1 (Fail)
- #213350 color page →
accent
#213350
- RGB
- rgb(33 51 80)
- HSL
- hsl(217 42% 22%)
- OKLCH
- oklch(0.32 0.057 259.6)
WCAG contrast: on white 12.69:1 (AAA) · on black 1.65:1 (Fail)
- #091521 color page →
text
#091521
- RGB
- rgb(9 21 33)
- HSL
- hsl(210 57% 8%)
- OKLCH
- oklch(0.191 0.03 249.6)
WCAG contrast: on white 18.40:1 (AAA) · on black 1.14:1 (Fail)
Export Pure Quiet Harbour Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3e9ef;
--surface: #a8c7d8;
--muted: #76a5c4;
--primary: #53779d;
--secondary: #3c5474;
--accent: #213350;
--text: #091521;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3e9ef;
--color-surface: #a8c7d8;
--color-muted: #76a5c4;
--color-primary: #53779d;
--color-secondary: #3c5474;
--color-accent: #213350;
--color-text: #091521;
}JSON (DTCG tokens)
{
"pure-quiet-harbour-meadow-b2": {
"bg": {
"$type": "color",
"$value": "#e3e9ef"
},
"surface": {
"$type": "color",
"$value": "#a8c7d8"
},
"muted": {
"$type": "color",
"$value": "#76a5c4"
},
"primary": {
"$type": "color",
"$value": "#53779d"
},
"secondary": {
"$type": "color",
"$value": "#3c5474"
},
"accent": {
"$type": "color",
"$value": "#213350"
},
"text": {
"$type": "color",
"$value": "#091521"
}
}
}About this palette
Pure Quiet Harbour Meadow is a 7-color OKLCH-ready palette tagged violet, gray, cold, 7 colors. Hex values: #E3E9EF, #A8C7D8, #76A5C4, #53779D, #3C5474, #213350, #091521. APCA contrast score Lc 8.4. 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 Quiet Harbour Meadow by OKLab color distance.