Palette · 8 colors · Lc 9.2
Pure Pristine Seas Canvas palette
Pure Pristine Seas Canvas: a 8-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DAEFF8, #AEDAE3, #6EAEBA, #3696B5, #007698, #00505F, #002D3A, #001021, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAEFF8
surface
#AEDAE3
muted
#6EAEBA
primary
#3696B5
secondary
#007698
accent
#00505F
highlight
#002D3A
text
#001021
Colors in Pure Pristine Seas Canvas: HEX, RGB, HSL & OKLCH
- #DAEFF8 color page →
bg
#DAEFF8
- RGB
- rgb(218 239 248)
- HSL
- hsl(198 68% 91%)
- OKLCH
- oklch(0.939 0.025 225.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.68:1 (AAA)
- #AEDAE3 color page →
surface
#AEDAE3
- RGB
- rgb(174 218 227)
- HSL
- hsl(190 49% 79%)
- OKLCH
- oklch(0.86 0.047 211.5)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.93:1 (AAA)
- #6EAEBA color page →
muted
#6EAEBA
- RGB
- rgb(110 174 186)
- HSL
- hsl(189 36% 58%)
- OKLCH
- oklch(0.712 0.068 210.7)
WCAG contrast: on white 2.49:1 (Fail) · on black 8.42:1 (AAA)
- #3696B5 color page →
primary
#3696B5
- RGB
- rgb(54 150 181)
- HSL
- hsl(195 54% 46%)
- OKLCH
- oklch(0.63 0.099 223.3)
WCAG contrast: on white 3.39:1 (Fail) · on black 6.18:1 (AA)
- #007698 color page →
secondary
#007698
- RGB
- rgb(0 118 152)
- HSL
- hsl(193 100% 30%)
- OKLCH
- oklch(0.527 0.101 226.6)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #00505F color page →
accent
#00505F
- RGB
- rgb(0 80 95)
- HSL
- hsl(189 100% 19%)
- OKLCH
- oklch(0.397 0.071 215.9)
WCAG contrast: on white 9.08:1 (AAA) · on black 2.31:1 (Fail)
- #002D3A color page →
highlight
#002D3A
- RGB
- rgb(0 45 58)
- HSL
- hsl(193 100% 11%)
- OKLCH
- oklch(0.276 0.051 222.8)
WCAG contrast: on white 14.61:1 (AAA) · on black 1.43:1 (Fail)
- #001021 color page →
text
#001021
- RGB
- rgb(0 16 33)
- HSL
- hsl(211 100% 6%)
- OKLCH
- oklch(0.168 0.044 247.1)
WCAG contrast: on white 19.15:1 (AAA) · on black 1.09:1 (Fail)
Export Pure Pristine Seas Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #daeff8;
--surface: #aedae3;
--muted: #6eaeba;
--primary: #3696b5;
--secondary: #007698;
--accent: #00505f;
--highlight: #002d3a;
--text: #001021;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #daeff8;
--color-surface: #aedae3;
--color-muted: #6eaeba;
--color-primary: #3696b5;
--color-secondary: #007698;
--color-accent: #00505f;
--color-highlight: #002d3a;
--color-text: #001021;
}JSON (DTCG tokens)
{
"pure-pristine-seas-canvas-2f8": {
"bg": {
"$type": "color",
"$value": "#daeff8"
},
"surface": {
"$type": "color",
"$value": "#aedae3"
},
"muted": {
"$type": "color",
"$value": "#6eaeba"
},
"primary": {
"$type": "color",
"$value": "#3696b5"
},
"secondary": {
"$type": "color",
"$value": "#007698"
},
"accent": {
"$type": "color",
"$value": "#00505f"
},
"highlight": {
"$type": "color",
"$value": "#002d3a"
},
"text": {
"$type": "color",
"$value": "#001021"
}
}
}About this palette
Pure Pristine Seas Canvas is a 8-color OKLCH-ready palette tagged blue, cold, ocean, nature, 8 colors. Hex values: #DAEFF8, #AEDAE3, #6EAEBA, #3696B5, #007698, #00505F, #002D3A, #001021. APCA contrast score Lc 9.2. 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 Pristine Seas Canvas by OKLab color distance.