Palette · 7 colors · Lc 9
Steady Viking Beacon palette
Steady Viking Beacon: a 7-color palette (Blue, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #DBF6F9, #86DDEA, #38AFC3, #00819F, #005570, #002C3D, #00070B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBF6F9
surface
#86DDEA
muted
#38AFC3
primary
#00819F
secondary
#005570
accent
#002C3D
text
#00070B
Colors in Steady Viking Beacon: HEX, RGB, HSL & OKLCH
- #DBF6F9 color page →
bg
#DBF6F9
- RGB
- rgb(219 246 249)
- HSL
- hsl(186 71% 92%)
- OKLCH
- oklch(0.954 0.028 204.8)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.56:1 (AAA)
- #86DDEA color page →
surface
#86DDEA
- RGB
- rgb(134 221 234)
- HSL
- hsl(188 70% 72%)
- OKLCH
- oklch(0.847 0.086 207.9)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.54:1 (AAA)
- #38AFC3 color page →
muted
#38AFC3
- RGB
- rgb(56 175 195)
- HSL
- hsl(189 55% 49%)
- OKLCH
- oklch(0.698 0.106 211.2)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.08:1 (AAA)
- #00819F color page →
primary
#00819F
- RGB
- rgb(0 129 159)
- HSL
- hsl(191 100% 31%)
- OKLCH
- oklch(0.559 0.103 221.7)
WCAG contrast: on white 4.52:1 (AA) · on black 4.64:1 (AA)
- #005570 color page →
secondary
#005570
- RGB
- rgb(0 85 112)
- HSL
- hsl(194 100% 22%)
- OKLCH
- oklch(0.42 0.082 228.1)
WCAG contrast: on white 8.28:1 (AAA) · on black 2.53:1 (Fail)
- #002C3D color page →
accent
#002C3D
- RGB
- rgb(0 44 61)
- HSL
- hsl(197 100% 12%)
- OKLCH
- oklch(0.274 0.055 230)
WCAG contrast: on white 14.70:1 (AAA) · on black 1.42:1 (Fail)
- #00070B color page →
text
#00070B
- RGB
- rgb(0 7 11)
- HSL
- hsl(202 100% 2%)
- OKLCH
- oklch(0.119 0.022 221.5)
WCAG contrast: on white 20.28:1 (AAA) · on black 1.03:1 (Fail)
Export Steady Viking Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbf6f9;
--surface: #86ddea;
--muted: #38afc3;
--primary: #00819f;
--secondary: #005570;
--accent: #002c3d;
--text: #00070b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbf6f9;
--color-surface: #86ddea;
--color-muted: #38afc3;
--color-primary: #00819f;
--color-secondary: #005570;
--color-accent: #002c3d;
--color-text: #00070b;
}JSON (DTCG tokens)
{
"steady-viking-beacon-2sh": {
"bg": {
"$type": "color",
"$value": "#dbf6f9"
},
"surface": {
"$type": "color",
"$value": "#86ddea"
},
"muted": {
"$type": "color",
"$value": "#38afc3"
},
"primary": {
"$type": "color",
"$value": "#00819f"
},
"secondary": {
"$type": "color",
"$value": "#005570"
},
"accent": {
"$type": "color",
"$value": "#002c3d"
},
"text": {
"$type": "color",
"$value": "#00070b"
}
}
}About this palette
Steady Viking Beacon is a 7-color OKLCH-ready palette tagged blue, cold, 7 colors. Hex values: #DBF6F9, #86DDEA, #38AFC3, #00819F, #005570, #002C3D, #00070B. APCA contrast score Lc 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 Steady Viking Beacon by OKLab color distance.