Palette · 6 colors · Lc 8.5
Pure Seaside Tide palette
Pure Seaside Tide: a 6-color palette (Blue, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #D1F5FB, #97D3E1, #54A0AF, #2D7689, #1E4B54, #172C2F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D1F5FB
surface
#97D3E1
muted
#54A0AF
primary
#2D7689
accent
#1E4B54
text
#172C2F
Colors in Pure Seaside Tide: HEX, RGB, HSL & OKLCH
- #D1F5FB color page →
bg
#D1F5FB
- RGB
- rgb(209 245 251)
- HSL
- hsl(189 84% 90%)
- OKLCH
- oklch(0.946 0.038 208.8)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.16:1 (AAA)
- #97D3E1 color page →
surface
#97D3E1
- RGB
- rgb(151 211 225)
- HSL
- hsl(191 55% 74%)
- OKLCH
- oklch(0.831 0.064 213.8)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.72:1 (AAA)
- #54A0AF color page →
muted
#54A0AF
- RGB
- rgb(84 160 175)
- HSL
- hsl(190 36% 51%)
- OKLCH
- oklch(0.663 0.078 212)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.02:1 (AAA)
- #2D7689 color page →
primary
#2D7689
- RGB
- rgb(45 118 137)
- HSL
- hsl(192 51% 36%)
- OKLCH
- oklch(0.529 0.077 218.1)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #1E4B54 color page →
accent
#1E4B54
- RGB
- rgb(30 75 84)
- HSL
- hsl(190 47% 22%)
- OKLCH
- oklch(0.386 0.051 212.7)
WCAG contrast: on white 9.59:1 (AAA) · on black 2.18:1 (Fail)
- #172C2F color page →
text
#172C2F
- RGB
- rgb(23 44 47)
- HSL
- hsl(188 34% 14%)
- OKLCH
- oklch(0.277 0.027 207.3)
WCAG contrast: on white 14.60:1 (AAA) · on black 1.43:1 (Fail)
Export Pure Seaside Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d1f5fb;
--surface: #97d3e1;
--muted: #54a0af;
--primary: #2d7689;
--accent: #1e4b54;
--text: #172c2f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d1f5fb;
--color-surface: #97d3e1;
--color-muted: #54a0af;
--color-primary: #2d7689;
--color-accent: #1e4b54;
--color-text: #172c2f;
}JSON (DTCG tokens)
{
"pure-seaside-tide-79p": {
"bg": {
"$type": "color",
"$value": "#d1f5fb"
},
"surface": {
"$type": "color",
"$value": "#97d3e1"
},
"muted": {
"$type": "color",
"$value": "#54a0af"
},
"primary": {
"$type": "color",
"$value": "#2d7689"
},
"accent": {
"$type": "color",
"$value": "#1e4b54"
},
"text": {
"$type": "color",
"$value": "#172c2f"
}
}
}About this palette
Pure Seaside Tide is a 6-color OKLCH-ready palette tagged blue, cold, 6 colors. Hex values: #D1F5FB, #97D3E1, #54A0AF, #2D7689, #1E4B54, #172C2F. APCA contrast score Lc 8.5. 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 Seaside Tide by OKLab color distance.