Palette · 7 colors · Lc 9.6
Dusk Blueberry Tide palette
Dusk Blueberry Tide: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #0D0A12, #231E46, #4E4287, #6863A9, #8C8BCE, #BCBFF6, #E9EDFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#0D0A12
surface
#231E46
muted
#4E4287
primary
#6863A9
secondary
#8C8BCE
accent
#BCBFF6
text
#E9EDFF
Colors in Dusk Blueberry Tide: HEX, RGB, HSL & OKLCH
- #0D0A12 color page →
bg
#0D0A12
- RGB
- rgb(13 10 18)
- HSL
- hsl(263 29% 5%)
- OKLCH
- oklch(0.153 0.017 301.5)
WCAG contrast: on white 19.63:1 (AAA) · on black 1.06:1 (Fail)
- #231E46 color page →
surface
#231E46
- RGB
- rgb(35 30 70)
- HSL
- hsl(248 40% 20%)
- OKLCH
- oklch(0.264 0.072 286.1)
WCAG contrast: on white 15.60:1 (AAA) · on black 1.34:1 (Fail)
- #4E4287 color page →
muted
#4E4287
- RGB
- rgb(78 66 135)
- HSL
- hsl(250 34% 39%)
- OKLCH
- oklch(0.427 0.111 288.8)
WCAG contrast: on white 8.56:1 (AAA) · on black 2.45:1 (Fail)
- #6863A9 color page →
primary
#6863A9
- RGB
- rgb(104 99 169)
- HSL
- hsl(244 29% 53%)
- OKLCH
- oklch(0.536 0.108 285.4)
WCAG contrast: on white 5.32:1 (AA) · on black 3.94:1 (Fail)
- #8C8BCE color page →
secondary
#8C8BCE
- RGB
- rgb(140 139 206)
- HSL
- hsl(241 41% 68%)
- OKLCH
- oklch(0.664 0.099 284.1)
WCAG contrast: on white 3.13:1 (Fail) · on black 6.69:1 (AA)
- #BCBFF6 color page →
accent
#BCBFF6
- RGB
- rgb(188 191 246)
- HSL
- hsl(237 76% 85%)
- OKLCH
- oklch(0.821 0.077 282.1)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.92:1 (AAA)
- #E9EDFF color page →
text
#E9EDFF
- RGB
- rgb(233 237 255)
- HSL
- hsl(229 100% 96%)
- OKLCH
- oklch(0.948 0.025 275.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.02:1 (AAA)
Export Dusk Blueberry Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0d0a12;
--surface: #231e46;
--muted: #4e4287;
--primary: #6863a9;
--secondary: #8c8bce;
--accent: #bcbff6;
--text: #e9edff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0d0a12;
--color-surface: #231e46;
--color-muted: #4e4287;
--color-primary: #6863a9;
--color-secondary: #8c8bce;
--color-accent: #bcbff6;
--color-text: #e9edff;
}JSON (DTCG tokens)
{
"dusk-blueberry-tide-sn": {
"bg": {
"$type": "color",
"$value": "#0d0a12"
},
"surface": {
"$type": "color",
"$value": "#231e46"
},
"muted": {
"$type": "color",
"$value": "#4e4287"
},
"primary": {
"$type": "color",
"$value": "#6863a9"
},
"secondary": {
"$type": "color",
"$value": "#8c8bce"
},
"accent": {
"$type": "color",
"$value": "#bcbff6"
},
"text": {
"$type": "color",
"$value": "#e9edff"
}
}
}About this palette
Dusk Blueberry Tide is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #0D0A12, #231E46, #4E4287, #6863A9, #8C8BCE, #BCBFF6, #E9EDFF. APCA contrast score Lc 9.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 Dusk Blueberry Tide by OKLab color distance.