Palette · 9 colors · Lc 9.3
True Scampi Tide palette
True Scampi Tide: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #EDECF6, #D7D0E6, #AFA8CC, #9589B9, #78689F, #615082, #392E54, #231B2E, #0D0A14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#EDECF6
surface
#D7D0E6
muted
#AFA8CC
primary
#9589B9
secondary
#78689F
accent
#615082
highlight
#392E54
border
#231B2E
text
#0D0A14
Colors in True Scampi Tide: HEX, RGB, HSL & OKLCH
- #EDECF6 color page →
bg
#EDECF6
- RGB
- rgb(237 236 246)
- HSL
- hsl(246 36% 95%)
- OKLCH
- oklch(0.947 0.013 290.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.92:1 (AAA)
- #D7D0E6 color page →
surface
#D7D0E6
- RGB
- rgb(215 208 230)
- HSL
- hsl(259 31% 86%)
- OKLCH
- oklch(0.87 0.031 300.2)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.05:1 (AAA)
- #AFA8CC color page →
muted
#AFA8CC
- RGB
- rgb(175 168 204)
- HSL
- hsl(252 26% 73%)
- OKLCH
- oklch(0.749 0.052 294)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.29:1 (AAA)
- #9589B9 color page →
primary
#9589B9
- RGB
- rgb(149 137 185)
- HSL
- hsl(255 26% 63%)
- OKLCH
- oklch(0.658 0.072 295.8)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.55:1 (AA)
- #78689F color page →
secondary
#78689F
- RGB
- rgb(120 104 159)
- HSL
- hsl(257 22% 52%)
- OKLCH
- oklch(0.555 0.085 296.9)
WCAG contrast: on white 4.90:1 (AA) · on black 4.27:1 (Fail)
- #615082 color page →
accent
#615082
- RGB
- rgb(97 80 130)
- HSL
- hsl(260 24% 41%)
- OKLCH
- oklch(0.47 0.081 298.9)
WCAG contrast: on white 7.05:1 (AAA) · on black 2.97:1 (Fail)
- #392E54 color page →
highlight
#392E54
- RGB
- rgb(57 46 84)
- HSL
- hsl(257 29% 25%)
- OKLCH
- oklch(0.332 0.066 295.9)
WCAG contrast: on white 12.40:1 (AAA) · on black 1.69:1 (Fail)
- #231B2E color page →
border
#231B2E
- RGB
- rgb(35 27 46)
- HSL
- hsl(265 26% 14%)
- OKLCH
- oklch(0.241 0.037 303.1)
WCAG contrast: on white 16.56:1 (AAA) · on black 1.26:1 (Fail)
- #0D0A14 color page →
text
#0D0A14
- RGB
- rgb(13 10 20)
- HSL
- hsl(258 33% 6%)
- OKLCH
- oklch(0.154 0.021 297.6)
WCAG contrast: on white 19.61:1 (AAA) · on black 1.07:1 (Fail)
Export True Scampi Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edecf6;
--surface: #d7d0e6;
--muted: #afa8cc;
--primary: #9589b9;
--secondary: #78689f;
--accent: #615082;
--highlight: #392e54;
--border: #231b2e;
--text: #0d0a14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edecf6;
--color-surface: #d7d0e6;
--color-muted: #afa8cc;
--color-primary: #9589b9;
--color-secondary: #78689f;
--color-accent: #615082;
--color-highlight: #392e54;
--color-border: #231b2e;
--color-text: #0d0a14;
}JSON (DTCG tokens)
{
"true-scampi-tide-5gi": {
"bg": {
"$type": "color",
"$value": "#edecf6"
},
"surface": {
"$type": "color",
"$value": "#d7d0e6"
},
"muted": {
"$type": "color",
"$value": "#afa8cc"
},
"primary": {
"$type": "color",
"$value": "#9589b9"
},
"secondary": {
"$type": "color",
"$value": "#78689f"
},
"accent": {
"$type": "color",
"$value": "#615082"
},
"highlight": {
"$type": "color",
"$value": "#392e54"
},
"border": {
"$type": "color",
"$value": "#231b2e"
},
"text": {
"$type": "color",
"$value": "#0d0a14"
}
}
}About this palette
True Scampi Tide is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #EDECF6, #D7D0E6, #AFA8CC, #9589B9, #78689F, #615082, #392E54, #231B2E, #0D0A14. APCA contrast score Lc 9.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 True Scampi Tide by OKLab color distance.