Palette · 5 colors · Lc 9
Steady Cruising Beacon palette
Steady Cruising Beacon: a 5-color palette (Blue, Cold, 5 Colors). HEX, RGB, HSL and OKLCH for #DBEFF2, #008497, #855386, #765C1C, #00171C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBEFF2
surface
#008497
primary
#855386
accent
#765C1C
text
#00171C
Colors in Steady Cruising Beacon: HEX, RGB, HSL & OKLCH
- #DBEFF2 color page →
bg
#DBEFF2
- RGB
- rgb(219 239 242)
- HSL
- hsl(188 47% 90%)
- OKLCH
- oklch(0.938 0.022 207.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.64:1 (AAA)
- #008497 color page →
surface
#008497
- RGB
- rgb(0 132 151)
- HSL
- hsl(188 100% 30%)
- OKLCH
- oklch(0.563 0.098 212.3)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #855386 color page →
primary
#855386
- RGB
- rgb(133 83 134)
- HSL
- hsl(299 24% 43%)
- OKLCH
- oklch(0.517 0.098 326.2)
WCAG contrast: on white 5.86:1 (AA) · on black 3.57:1 (Fail)
- #765C1C color page →
accent
#765C1C
- RGB
- rgb(118 92 28)
- HSL
- hsl(43 62% 29%)
- OKLCH
- oklch(0.489 0.087 85.9)
WCAG contrast: on white 6.32:1 (AA) · on black 3.31:1 (Fail)
- #00171C color page →
text
#00171C
- RGB
- rgb(0 23 28)
- HSL
- hsl(191 100% 5%)
- OKLCH
- oklch(0.188 0.033 212.9)
WCAG contrast: on white 18.43:1 (AAA) · on black 1.13:1 (Fail)
Export Steady Cruising Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbeff2;
--surface: #008497;
--primary: #855386;
--accent: #765c1c;
--text: #00171c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbeff2;
--color-surface: #008497;
--color-primary: #855386;
--color-accent: #765c1c;
--color-text: #00171c;
}JSON (DTCG tokens)
{
"steady-cruising-beacon-27m": {
"bg": {
"$type": "color",
"$value": "#dbeff2"
},
"surface": {
"$type": "color",
"$value": "#008497"
},
"primary": {
"$type": "color",
"$value": "#855386"
},
"accent": {
"$type": "color",
"$value": "#765c1c"
},
"text": {
"$type": "color",
"$value": "#00171c"
}
}
}About this palette
Steady Cruising Beacon is a 5-color OKLCH-ready palette tagged blue, cold, 5 colors. Hex values: #DBEFF2, #008497, #855386, #765C1C, #00171C. 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 Cruising Beacon by OKLab color distance.