Palette · 9 colors · Lc 8.7
Pure Ahoy! Blue Beacon palette
Pure Ahoy! Blue Beacon: a 9-color palette (Trending, Blue, Cold, Ocean). HEX, RGB, HSL and OKLCH for #E6EEF0, #A7D5DA, #7CBCBE, #4FA3AB, #0080A3, #006B6F, #005250, #002A34, #00141E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6EEF0
surface
#A7D5DA
muted
#7CBCBE
primary
#4FA3AB
secondary
#0080A3
accent
#006B6F
highlight
#005250
border
#002A34
text
#00141E
Colors in Pure Ahoy! Blue Beacon: HEX, RGB, HSL & OKLCH
- #E6EEF0 color page →
bg
#E6EEF0
- RGB
- rgb(230 238 240)
- HSL
- hsl(192 25% 92%)
- OKLCH
- oklch(0.944 0.009 214.3)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.85:1 (AAA)
- #A7D5DA color page →
surface
#A7D5DA
- RGB
- rgb(167 213 218)
- HSL
- hsl(186 41% 75%)
- OKLCH
- oklch(0.842 0.048 204.5)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.17:1 (AAA)
- #7CBCBE color page →
muted
#7CBCBE
- RGB
- rgb(124 188 190)
- HSL
- hsl(182 34% 62%)
- OKLCH
- oklch(0.753 0.065 198.4)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.79:1 (AAA)
- #4FA3AB color page →
primary
#4FA3AB
- RGB
- rgb(79 163 171)
- HSL
- hsl(185 37% 49%)
- OKLCH
- oklch(0.666 0.082 203.7)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.15:1 (AAA)
- #0080A3 color page →
secondary
#0080A3
- RGB
- rgb(0 128 163)
- HSL
- hsl(193 100% 32%)
- OKLCH
- oklch(0.558 0.106 225.5)
WCAG contrast: on white 4.54:1 (AA) · on black 4.61:1 (AA)
- #006B6F color page →
accent
#006B6F
- RGB
- rgb(0 107 111)
- HSL
- hsl(182 100% 22%)
- OKLCH
- oklch(0.479 0.082 199.3)
WCAG contrast: on white 6.30:1 (AA) · on black 3.33:1 (Fail)
- #005250 color page →
highlight
#005250
- RGB
- rgb(0 82 80)
- HSL
- hsl(179 100% 16%)
- OKLCH
- oklch(0.396 0.068 191.9)
WCAG contrast: on white 9.04:1 (AAA) · on black 2.32:1 (Fail)
- #002A34 color page →
border
#002A34
- RGB
- rgb(0 42 52)
- HSL
- hsl(192 100% 10%)
- OKLCH
- oklch(0.263 0.047 218.2)
WCAG contrast: on white 15.20:1 (AAA) · on black 1.38:1 (Fail)
- #00141E color page →
text
#00141E
- RGB
- rgb(0 20 30)
- HSL
- hsl(200 100% 6%)
- OKLCH
- oklch(0.179 0.036 230)
WCAG contrast: on white 18.76:1 (AAA) · on black 1.11:1 (Fail)
Export Pure Ahoy! Blue Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6eef0;
--surface: #a7d5da;
--muted: #7cbcbe;
--primary: #4fa3ab;
--secondary: #0080a3;
--accent: #006b6f;
--highlight: #005250;
--border: #002a34;
--text: #00141e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6eef0;
--color-surface: #a7d5da;
--color-muted: #7cbcbe;
--color-primary: #4fa3ab;
--color-secondary: #0080a3;
--color-accent: #006b6f;
--color-highlight: #005250;
--color-border: #002a34;
--color-text: #00141e;
}JSON (DTCG tokens)
{
"pure-ahoy-blue-beacon-5ak": {
"bg": {
"$type": "color",
"$value": "#e6eef0"
},
"surface": {
"$type": "color",
"$value": "#a7d5da"
},
"muted": {
"$type": "color",
"$value": "#7cbcbe"
},
"primary": {
"$type": "color",
"$value": "#4fa3ab"
},
"secondary": {
"$type": "color",
"$value": "#0080a3"
},
"accent": {
"$type": "color",
"$value": "#006b6f"
},
"highlight": {
"$type": "color",
"$value": "#005250"
},
"border": {
"$type": "color",
"$value": "#002a34"
},
"text": {
"$type": "color",
"$value": "#00141e"
}
}
}About this palette
Pure Ahoy! Blue Beacon is a 9-color OKLCH-ready palette tagged trending, blue, cold, ocean, nature, 9 colors. Hex values: #E6EEF0, #A7D5DA, #7CBCBE, #4FA3AB, #0080A3, #006B6F, #005250, #002A34, #00141E. APCA contrast score Lc 8.7. 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 Ahoy! Blue Beacon by OKLab color distance.