Palette · 5 colors · Lc 8.3
Steady Hot Harbor palette
Steady Hot Harbor: a 5-color palette (Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F7E1E5, #AE4B6B, #00716E, #485395, #180709, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E1E5
surface
#AE4B6B
primary
#00716E
accent
#485395
text
#180709
Colors in Steady Hot Harbor: HEX, RGB, HSL & OKLCH
- #F7E1E5 color page →
bg
#F7E1E5
- RGB
- rgb(247 225 229)
- HSL
- hsl(349 58% 93%)
- OKLCH
- oklch(0.929 0.025 5.1)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.85:1 (AAA)
- #AE4B6B color page →
surface
#AE4B6B
- RGB
- rgb(174 75 107)
- HSL
- hsl(341 40% 49%)
- OKLCH
- oklch(0.55 0.133 2.2)
WCAG contrast: on white 5.22:1 (AA) · on black 4.01:1 (Fail)
- #00716E color page →
primary
#00716E
- RGB
- rgb(0 113 110)
- HSL
- hsl(178 100% 22%)
- OKLCH
- oklch(0.496 0.085 191.5)
WCAG contrast: on white 5.85:1 (AA) · on black 3.58:1 (Fail)
- #485395 color page →
accent
#485395
- RGB
- rgb(72 83 149)
- HSL
- hsl(231 35% 43%)
- OKLCH
- oklch(0.466 0.107 274.3)
WCAG contrast: on white 7.12:1 (AAA) · on black 2.94:1 (Fail)
- #180709 color page →
text
#180709
- RGB
- rgb(24 7 9)
- HSL
- hsl(353 55% 6%)
- OKLCH
- oklch(0.158 0.031 13)
WCAG contrast: on white 19.56:1 (AAA) · on black 1.07:1 (Fail)
Export Steady Hot Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e1e5;
--surface: #ae4b6b;
--primary: #00716e;
--accent: #485395;
--text: #180709;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e1e5;
--color-surface: #ae4b6b;
--color-primary: #00716e;
--color-accent: #485395;
--color-text: #180709;
}JSON (DTCG tokens)
{
"steady-hot-harbor-4bo": {
"bg": {
"$type": "color",
"$value": "#f7e1e5"
},
"surface": {
"$type": "color",
"$value": "#ae4b6b"
},
"primary": {
"$type": "color",
"$value": "#00716e"
},
"accent": {
"$type": "color",
"$value": "#485395"
},
"text": {
"$type": "color",
"$value": "#180709"
}
}
}About this palette
Steady Hot Harbor is a 5-color OKLCH-ready palette tagged red, warm, 5 colors. Hex values: #F7E1E5, #AE4B6B, #00716E, #485395, #180709. APCA contrast score Lc 8.3. 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 Hot Harbor by OKLab color distance.