Palette · 8 colors · Lc 9.4
Pure Blue Fjord Studio palette
Pure Blue Fjord Studio: a 8-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E0F9FF, #A2CFD6, #78B5C0, #3698B2, #007193, #005960, #003640, #000C18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E0F9FF
surface
#A2CFD6
muted
#78B5C0
primary
#3698B2
secondary
#007193
accent
#005960
highlight
#003640
text
#000C18
Colors in Pure Blue Fjord Studio: HEX, RGB, HSL & OKLCH
- #E0F9FF color page →
bg
#E0F9FF
- RGB
- rgb(224 249 255)
- HSL
- hsl(192 100% 94%)
- OKLCH
- oklch(0.966 0.027 213.8)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.16:1 (AAA)
- #A2CFD6 color page →
surface
#A2CFD6
- RGB
- rgb(162 207 214)
- HSL
- hsl(188 39% 74%)
- OKLCH
- oklch(0.825 0.048 208)
WCAG contrast: on white 1.68:1 (Fail) · on black 12.43:1 (AAA)
- #78B5C0 color page →
muted
#78B5C0
- RGB
- rgb(120 181 192)
- HSL
- hsl(189 36% 61%)
- OKLCH
- oklch(0.735 0.065 210.1)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.16:1 (AAA)
- #3698B2 color page →
primary
#3698B2
- RGB
- rgb(54 152 178)
- HSL
- hsl(193 53% 45%)
- OKLCH
- oklch(0.634 0.097 219)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #007193 color page →
secondary
#007193
- RGB
- rgb(0 113 147)
- HSL
- hsl(194 100% 29%)
- OKLCH
- oklch(0.512 0.099 227.6)
WCAG contrast: on white 5.55:1 (AA) · on black 3.78:1 (Fail)
- #005960 color page →
accent
#005960
- RGB
- rgb(0 89 96)
- HSL
- hsl(184 100% 19%)
- OKLCH
- oklch(0.423 0.072 204.1)
WCAG contrast: on white 8.08:1 (AAA) · on black 2.59:1 (Fail)
- #003640 color page →
highlight
#003640
- RGB
- rgb(0 54 64)
- HSL
- hsl(189 100% 13%)
- OKLCH
- oklch(0.306 0.054 214.4)
WCAG contrast: on white 13.11:1 (AAA) · on black 1.60:1 (Fail)
- #000C18 color page →
text
#000C18
- RGB
- rgb(0 12 24)
- HSL
- hsl(210 100% 5%)
- OKLCH
- oklch(0.148 0.035 242)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Blue Fjord Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e0f9ff;
--surface: #a2cfd6;
--muted: #78b5c0;
--primary: #3698b2;
--secondary: #007193;
--accent: #005960;
--highlight: #003640;
--text: #000c18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e0f9ff;
--color-surface: #a2cfd6;
--color-muted: #78b5c0;
--color-primary: #3698b2;
--color-secondary: #007193;
--color-accent: #005960;
--color-highlight: #003640;
--color-text: #000c18;
}JSON (DTCG tokens)
{
"pure-blue-fjord-studio-61w": {
"bg": {
"$type": "color",
"$value": "#e0f9ff"
},
"surface": {
"$type": "color",
"$value": "#a2cfd6"
},
"muted": {
"$type": "color",
"$value": "#78b5c0"
},
"primary": {
"$type": "color",
"$value": "#3698b2"
},
"secondary": {
"$type": "color",
"$value": "#007193"
},
"accent": {
"$type": "color",
"$value": "#005960"
},
"highlight": {
"$type": "color",
"$value": "#003640"
},
"text": {
"$type": "color",
"$value": "#000c18"
}
}
}About this palette
Pure Blue Fjord Studio is a 8-color OKLCH-ready palette tagged blue, cold, ocean, nature, 8 colors. Hex values: #E0F9FF, #A2CFD6, #78B5C0, #3698B2, #007193, #005960, #003640, #000C18. APCA contrast score Lc 9.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 Blue Fjord Studio by OKLab color distance.