Palette · 9 colors · Lc 8.9
Classic Ahoy! Blue Fog palette
Classic Ahoy! Blue Fog: a 9-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #D8EFF2, #AFD3D6, #7EC2C3, #39A1AD, #00849F, #006471, #004945, #00292D, #01151D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8EFF2
surface
#AFD3D6
muted
#7EC2C3
primary
#39A1AD
secondary
#00849F
accent
#006471
highlight
#004945
border
#00292D
text
#01151D
Colors in Classic Ahoy! Blue Fog: HEX, RGB, HSL & OKLCH
- #D8EFF2 color page →
bg
#D8EFF2
- RGB
- rgb(216 239 242)
- HSL
- hsl(187 50% 90%)
- OKLCH
- oklch(0.936 0.025 206.2)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
- #AFD3D6 color page →
surface
#AFD3D6
- RGB
- rgb(175 211 214)
- HSL
- hsl(185 32% 76%)
- OKLCH
- oklch(0.842 0.038 202.7)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.11:1 (AAA)
- #7EC2C3 color page →
muted
#7EC2C3
- RGB
- rgb(126 194 195)
- HSL
- hsl(181 37% 63%)
- OKLCH
- oklch(0.769 0.069 197)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.39:1 (AAA)
- #39A1AD color page →
primary
#39A1AD
- RGB
- rgb(57 161 173)
- HSL
- hsl(186 50% 45%)
- OKLCH
- oklch(0.655 0.095 206)
WCAG contrast: on white 3.05:1 (Fail) · on black 6.87:1 (AA)
- #00849F color page →
secondary
#00849F
- RGB
- rgb(0 132 159)
- HSL
- hsl(190 100% 31%)
- OKLCH
- oklch(0.567 0.102 218.9)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.80:1 (AA)
- #006471 color page →
accent
#006471
- RGB
- rgb(0 100 113)
- HSL
- hsl(187 100% 22%)
- OKLCH
- oklch(0.461 0.08 210.2)
WCAG contrast: on white 6.85:1 (AA) · on black 3.06:1 (Fail)
- #004945 color page →
highlight
#004945
- RGB
- rgb(0 73 69)
- HSL
- hsl(177 100% 14%)
- OKLCH
- oklch(0.365 0.063 188.5)
WCAG contrast: on white 10.29:1 (AAA) · on black 2.03:1 (Fail)
- #00292D color page →
border
#00292D
- RGB
- rgb(0 41 45)
- HSL
- hsl(185 100% 9%)
- OKLCH
- oklch(0.256 0.044 204.7)
WCAG contrast: on white 15.49:1 (AAA) · on black 1.35:1 (Fail)
- #01151D color page →
text
#01151D
- RGB
- rgb(1 21 29)
- HSL
- hsl(197 93% 6%)
- OKLCH
- oklch(0.183 0.033 225.1)
WCAG contrast: on white 18.64:1 (AAA) · on black 1.12:1 (Fail)
Export Classic Ahoy! Blue Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8eff2;
--surface: #afd3d6;
--muted: #7ec2c3;
--primary: #39a1ad;
--secondary: #00849f;
--accent: #006471;
--highlight: #004945;
--border: #00292d;
--text: #01151d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8eff2;
--color-surface: #afd3d6;
--color-muted: #7ec2c3;
--color-primary: #39a1ad;
--color-secondary: #00849f;
--color-accent: #006471;
--color-highlight: #004945;
--color-border: #00292d;
--color-text: #01151d;
}JSON (DTCG tokens)
{
"classic-ahoy-blue-fog-5ku": {
"bg": {
"$type": "color",
"$value": "#d8eff2"
},
"surface": {
"$type": "color",
"$value": "#afd3d6"
},
"muted": {
"$type": "color",
"$value": "#7ec2c3"
},
"primary": {
"$type": "color",
"$value": "#39a1ad"
},
"secondary": {
"$type": "color",
"$value": "#00849f"
},
"accent": {
"$type": "color",
"$value": "#006471"
},
"highlight": {
"$type": "color",
"$value": "#004945"
},
"border": {
"$type": "color",
"$value": "#00292d"
},
"text": {
"$type": "color",
"$value": "#01151d"
}
}
}About this palette
Classic Ahoy! Blue Fog is a 9-color OKLCH-ready palette tagged blue, cold, ocean, nature, 9 colors. Hex values: #D8EFF2, #AFD3D6, #7EC2C3, #39A1AD, #00849F, #006471, #004945, #00292D, #01151D. 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 Ahoy! Blue Fog by OKLab color distance.