Palette · 8 colors · Lc 8
Scampi Noir palette
Scampi Noir: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #E6E3F0, #C8C9E8, #9D9ECD, #8F86B6, #6E5E9A, #59406A, #3B2A49, #1B162D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#E6E3F0
surface
#C8C9E8
muted
#9D9ECD
primary
#8F86B6
secondary
#6E5E9A
accent
#59406A
highlight
#3B2A49
text
#1B162D
Colors in Scampi Noir: HEX, RGB, HSL & OKLCH
- #E6E3F0 color page →
bg
#E6E3F0
- RGB
- rgb(230 227 240)
- HSL
- hsl(254 30% 92%)
- OKLCH
- oklch(0.922 0.018 296.6)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.61:1 (AAA)
- #C8C9E8 color page →
surface
#C8C9E8
- RGB
- rgb(200 201 232)
- HSL
- hsl(238 41% 85%)
- OKLCH
- oklch(0.845 0.043 284)
WCAG contrast: on white 1.61:1 (Fail) · on black 12.97:1 (AAA)
- #9D9ECD color page →
muted
#9D9ECD
- RGB
- rgb(157 158 205)
- HSL
- hsl(239 32% 71%)
- OKLCH
- oklch(0.715 0.068 283.6)
WCAG contrast: on white 2.55:1 (Fail) · on black 8.20:1 (AAA)
- #8F86B6 color page →
primary
#8F86B6
- RGB
- rgb(143 134 182)
- HSL
- hsl(251 25% 62%)
- OKLCH
- oklch(0.646 0.071 292.9)
WCAG contrast: on white 3.35:1 (Fail) · on black 6.25:1 (AA)
- #6E5E9A color page →
secondary
#6E5E9A
- RGB
- rgb(110 94 154)
- HSL
- hsl(256 24% 49%)
- OKLCH
- oklch(0.523 0.094 295.2)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #59406A color page →
accent
#59406A
- RGB
- rgb(89 64 106)
- HSL
- hsl(276 25% 33%)
- OKLCH
- oklch(0.417 0.074 310.8)
WCAG contrast: on white 8.87:1 (AAA) · on black 2.36:1 (Fail)
- #3B2A49 color page →
highlight
#3B2A49
- RGB
- rgb(59 42 73)
- HSL
- hsl(273 27% 23%)
- OKLCH
- oklch(0.319 0.058 308.6)
WCAG contrast: on white 13.01:1 (AAA) · on black 1.61:1 (Fail)
- #1B162D color page →
text
#1B162D
- RGB
- rgb(27 22 45)
- HSL
- hsl(253 34% 13%)
- OKLCH
- oklch(0.219 0.044 292.3)
WCAG contrast: on white 17.51:1 (AAA) · on black 1.19:1 (Fail)
Export Scampi Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6e3f0;
--surface: #c8c9e8;
--muted: #9d9ecd;
--primary: #8f86b6;
--secondary: #6e5e9a;
--accent: #59406a;
--highlight: #3b2a49;
--text: #1b162d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6e3f0;
--color-surface: #c8c9e8;
--color-muted: #9d9ecd;
--color-primary: #8f86b6;
--color-secondary: #6e5e9a;
--color-accent: #59406a;
--color-highlight: #3b2a49;
--color-text: #1b162d;
}JSON (DTCG tokens)
{
"scampi-noir-sr": {
"bg": {
"$type": "color",
"$value": "#e6e3f0"
},
"surface": {
"$type": "color",
"$value": "#c8c9e8"
},
"muted": {
"$type": "color",
"$value": "#9d9ecd"
},
"primary": {
"$type": "color",
"$value": "#8f86b6"
},
"secondary": {
"$type": "color",
"$value": "#6e5e9a"
},
"accent": {
"$type": "color",
"$value": "#59406a"
},
"highlight": {
"$type": "color",
"$value": "#3b2a49"
},
"text": {
"$type": "color",
"$value": "#1b162d"
}
}
}About this palette
Scampi Noir is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #E6E3F0, #C8C9E8, #9D9ECD, #8F86B6, #6E5E9A, #59406A, #3B2A49, #1B162D. APCA contrast score Lc 8. 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 Scampi Noir by OKLab color distance.