Palette · 7 colors · Lc 8.9
Cruising Archive palette
Cruising Archive: a 7-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #DBF0F3, #98D5D7, #50A4A3, #008596, #006463, #003739, #001019, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBF0F3
surface
#98D5D7
muted
#50A4A3
primary
#008596
secondary
#006463
accent
#003739
text
#001019
Colors in Cruising Archive: HEX, RGB, HSL & OKLCH
- #DBF0F3 color page →
bg
#DBF0F3
- RGB
- rgb(219 240 243)
- HSL
- hsl(187 50% 91%)
- OKLCH
- oklch(0.941 0.023 207.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.77:1 (AAA)
- #98D5D7 color page →
surface
#98D5D7
- RGB
- rgb(152 213 215)
- HSL
- hsl(182 44% 72%)
- OKLCH
- oklch(0.832 0.062 198.6)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.83:1 (AAA)
- #50A4A3 color page →
muted
#50A4A3
- RGB
- rgb(80 164 163)
- HSL
- hsl(179 34% 48%)
- OKLCH
- oklch(0.666 0.081 194.3)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.18:1 (AAA)
- #008596 color page →
primary
#008596
- RGB
- rgb(0 133 150)
- HSL
- hsl(187 100% 29%)
- OKLCH
- oklch(0.565 0.098 210.4)
WCAG contrast: on white 4.37:1 (Fail) · on black 4.79:1 (AA)
- #006463 color page →
secondary
#006463
- RGB
- rgb(0 100 99)
- HSL
- hsl(179 100% 20%)
- OKLCH
- oklch(0.455 0.078 193.6)
WCAG contrast: on white 6.99:1 (AA) · on black 3.00:1 (Fail)
- #003739 color page →
accent
#003739
- RGB
- rgb(0 55 57)
- HSL
- hsl(182 100% 11%)
- OKLCH
- oklch(0.306 0.052 198.8)
WCAG contrast: on white 13.07:1 (AAA) · on black 1.60:1 (Fail)
- #001019 color page →
text
#001019
- RGB
- rgb(0 16 25)
- HSL
- hsl(202 100% 5%)
- OKLCH
- oklch(0.162 0.033 230.6)
WCAG contrast: on white 19.29:1 (AAA) · on black 1.08:1 (Fail)
Export Cruising Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbf0f3;
--surface: #98d5d7;
--muted: #50a4a3;
--primary: #008596;
--secondary: #006463;
--accent: #003739;
--text: #001019;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbf0f3;
--color-surface: #98d5d7;
--color-muted: #50a4a3;
--color-primary: #008596;
--color-secondary: #006463;
--color-accent: #003739;
--color-text: #001019;
}JSON (DTCG tokens)
{
"cruising-archive-6to": {
"bg": {
"$type": "color",
"$value": "#dbf0f3"
},
"surface": {
"$type": "color",
"$value": "#98d5d7"
},
"muted": {
"$type": "color",
"$value": "#50a4a3"
},
"primary": {
"$type": "color",
"$value": "#008596"
},
"secondary": {
"$type": "color",
"$value": "#006463"
},
"accent": {
"$type": "color",
"$value": "#003739"
},
"text": {
"$type": "color",
"$value": "#001019"
}
}
}About this palette
Cruising Archive is a 7-color OKLCH-ready palette tagged blue, cold, ocean, nature, 7 colors. Hex values: #DBF0F3, #98D5D7, #50A4A3, #008596, #006463, #003739, #001019. 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 Cruising Archive by OKLab color distance.