Palette · 7 colors · Lc 9
Steady Scampi Harbor palette
Steady Scampi Harbor: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #E4F4FF, #85A9CD, #7B6798, #8B6254, #765F2F, #354C36, #040E1C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#E4F4FF
surface
#85A9CD
muted
#7B6798
primary
#8B6254
secondary
#765F2F
accent
#354C36
text
#040E1C
Colors in Steady Scampi Harbor: HEX, RGB, HSL & OKLCH
- #E4F4FF color page →
bg
#E4F4FF
- RGB
- rgb(228 244 255)
- HSL
- hsl(204 100% 95%)
- OKLCH
- oklch(0.959 0.023 237.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.68:1 (AAA)
- #85A9CD color page →
surface
#85A9CD
- RGB
- rgb(133 169 205)
- HSL
- hsl(210 42% 66%)
- OKLCH
- oklch(0.721 0.066 248.8)
WCAG contrast: on white 2.45:1 (Fail) · on black 8.55:1 (AAA)
- #7B6798 color page →
muted
#7B6798
- RGB
- rgb(123 103 152)
- HSL
- hsl(264 19% 50%)
- OKLCH
- oklch(0.552 0.078 302.7)
WCAG contrast: on white 4.95:1 (AA) · on black 4.23:1 (Fail)
- #8B6254 color page →
primary
#8B6254
- RGB
- rgb(139 98 84)
- HSL
- hsl(15 25% 44%)
- OKLCH
- oklch(0.535 0.058 39.6)
WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)
- #765F2F color page →
secondary
#765F2F
- RGB
- rgb(118 95 47)
- HSL
- hsl(41 43% 32%)
- OKLCH
- oklch(0.498 0.072 84)
WCAG contrast: on white 6.09:1 (AA) · on black 3.44:1 (Fail)
- #354C36 color page →
accent
#354C36
- RGB
- rgb(53 76 54)
- HSL
- hsl(123 18% 25%)
- OKLCH
- oklch(0.391 0.046 145.7)
WCAG contrast: on white 9.38:1 (AAA) · on black 2.23:1 (Fail)
- #040E1C color page →
text
#040E1C
- RGB
- rgb(4 14 28)
- HSL
- hsl(215 75% 6%)
- OKLCH
- oklch(0.162 0.034 254.3)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
Export Steady Scampi Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e4f4ff;
--surface: #85a9cd;
--muted: #7b6798;
--primary: #8b6254;
--secondary: #765f2f;
--accent: #354c36;
--text: #040e1c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e4f4ff;
--color-surface: #85a9cd;
--color-muted: #7b6798;
--color-primary: #8b6254;
--color-secondary: #765f2f;
--color-accent: #354c36;
--color-text: #040e1c;
}JSON (DTCG tokens)
{
"steady-scampi-harbor-2p0": {
"bg": {
"$type": "color",
"$value": "#e4f4ff"
},
"surface": {
"$type": "color",
"$value": "#85a9cd"
},
"muted": {
"$type": "color",
"$value": "#7b6798"
},
"primary": {
"$type": "color",
"$value": "#8b6254"
},
"secondary": {
"$type": "color",
"$value": "#765f2f"
},
"accent": {
"$type": "color",
"$value": "#354c36"
},
"text": {
"$type": "color",
"$value": "#040e1c"
}
}
}About this palette
Steady Scampi Harbor is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #E4F4FF, #85A9CD, #7B6798, #8B6254, #765F2F, #354C36, #040E1C. 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 Scampi Harbor by OKLab color distance.