Palette · 3 colors · Lc 9.5
Scampi Bloom palette
Scampi Bloom: a 3-color palette (Pink, Gray, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #0C0B13, #6C6594, #F5F5FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Monochromatic
- 3 Colors
bg
#0C0B13
accent
#6C6594
text
#F5F5FF
Colors in Scampi Bloom: HEX, RGB, HSL & OKLCH
- #0C0B13 color page →
bg
#0C0B13
- RGB
- rgb(12 11 19)
- HSL
- hsl(248 27% 6%)
- OKLCH
- oklch(0.155 0.017 290)
WCAG contrast: on white 19.57:1 (AAA) · on black 1.07:1 (Fail)
- #6C6594 color page →
accent
#6C6594
- RGB
- rgb(108 101 148)
- HSL
- hsl(249 19% 49%)
- OKLCH
- oklch(0.532 0.073 290.5)
WCAG contrast: on white 5.34:1 (AA) · on black 3.92:1 (Fail)
- #F5F5FF color page →
text
#F5F5FF
- RGB
- rgb(245 245 255)
- HSL
- hsl(240 100% 98%)
- OKLCH
- oklch(0.973 0.013 286.2)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.38:1 (AAA)
Export Scampi Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0c0b13;
--accent: #6c6594;
--text: #f5f5ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0c0b13;
--color-accent: #6c6594;
--color-text: #f5f5ff;
}JSON (DTCG tokens)
{
"scampi-bloom-3io": {
"bg": {
"$type": "color",
"$value": "#0c0b13"
},
"accent": {
"$type": "color",
"$value": "#6c6594"
},
"text": {
"$type": "color",
"$value": "#f5f5ff"
}
}
}About this palette
Scampi Bloom is a 3-color OKLCH-ready palette tagged pink, gray, monochromatic, 3 colors. Hex values: #0C0B13, #6C6594, #F5F5FF. APCA contrast score Lc 9.5. 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 Bloom by OKLab color distance.