Palette · 4 colors · Lc 7.6
Steady Scampi Harbor palette
Steady Scampi Harbor: a 4-color palette (Pink, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #E6E0ED, #7F699C, #2A685E, #0F0816, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6E0ED
surface
#7F699C
accent
#2A685E
text
#0F0816
Colors in Steady Scampi Harbor: HEX, RGB, HSL & OKLCH
- #E6E0ED color page →
bg
#E6E0ED
- RGB
- rgb(230 224 237)
- HSL
- hsl(268 27% 90%)
- OKLCH
- oklch(0.915 0.019 306.7)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.24:1 (AAA)
- #7F699C color page →
surface
#7F699C
- RGB
- rgb(127 105 156)
- HSL
- hsl(266 20% 51%)
- OKLCH
- oklch(0.562 0.081 303.7)
WCAG contrast: on white 4.76:1 (AA) · on black 4.40:1 (Fail)
- #2A685E color page →
accent
#2A685E
- RGB
- rgb(42 104 94)
- HSL
- hsl(170 42% 29%)
- OKLCH
- oklch(0.474 0.066 181.2)
WCAG contrast: on white 6.48:1 (AA) · on black 3.24:1 (Fail)
- #0F0816 color page →
text
#0F0816
- RGB
- rgb(15 8 22)
- HSL
- hsl(270 47% 6%)
- OKLCH
- oklch(0.153 0.031 306.3)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Steady Scampi Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6e0ed;
--surface: #7f699c;
--accent: #2a685e;
--text: #0f0816;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6e0ed;
--color-surface: #7f699c;
--color-accent: #2a685e;
--color-text: #0f0816;
}JSON (DTCG tokens)
{
"steady-scampi-harbor-31d": {
"bg": {
"$type": "color",
"$value": "#e6e0ed"
},
"surface": {
"$type": "color",
"$value": "#7f699c"
},
"accent": {
"$type": "color",
"$value": "#2a685e"
},
"text": {
"$type": "color",
"$value": "#0f0816"
}
}
}About this palette
Steady Scampi Harbor is a 4-color OKLCH-ready palette tagged pink, gray, 4 colors. Hex values: #E6E0ED, #7F699C, #2A685E, #0F0816. APCA contrast score Lc 7.6. 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.