Palette · 3 colors · Lc 9.6
Sunshone Plum Noir palette
Sunshone Plum Noir: a 3-color palette (Pink, Gray, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F4F1F5, #7F6386, #0D090E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Monochromatic
- 3 Colors
bg
#F4F1F5
accent
#7F6386
text
#0D090E
Colors in Sunshone Plum Noir: HEX, RGB, HSL & OKLCH
- #F4F1F5 color page →
bg
#F4F1F5
- RGB
- rgb(244 241 245)
- HSL
- hsl(285 17% 95%)
- OKLCH
- oklch(0.962 0.006 317.8)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.74:1 (AAA)
- #7F6386 color page →
accent
#7F6386
- RGB
- rgb(127 99 134)
- HSL
- hsl(288 15% 46%)
- OKLCH
- oklch(0.54 0.063 319.5)
WCAG contrast: on white 5.20:1 (AA) · on black 4.03:1 (Fail)
- #0D090E color page →
text
#0D090E
- RGB
- rgb(13 9 14)
- HSL
- hsl(288 22% 5%)
- OKLCH
- oklch(0.148 0.013 319.5)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Sunshone Plum Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4f1f5;
--accent: #7f6386;
--text: #0d090e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4f1f5;
--color-accent: #7f6386;
--color-text: #0d090e;
}JSON (DTCG tokens)
{
"sunshone-plum-noir-mm": {
"bg": {
"$type": "color",
"$value": "#f4f1f5"
},
"accent": {
"$type": "color",
"$value": "#7f6386"
},
"text": {
"$type": "color",
"$value": "#0d090e"
}
}
}About this palette
Sunshone Plum Noir is a 3-color OKLCH-ready palette tagged pink, gray, monochromatic, 3 colors. Hex values: #F4F1F5, #7F6386, #0D090E. 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 Sunshone Plum Noir by OKLab color distance.