Palette · 5 colors · Lc 9.8
Plummy System palette
Plummy System: a 5-color palette (Pink, Gray, Monochromatic, 5 Colors). HEX, RGB, HSL and OKLCH for #FAF7FB, #BFB0C9, #73647E, #3A3641, #0C0B0D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Gray
- Monochromatic
- 5 Colors
bg
#FAF7FB
surface
#BFB0C9
primary
#73647E
accent
#3A3641
text
#0C0B0D
Colors in Plummy System: HEX, RGB, HSL & OKLCH
- #FAF7FB color page →
bg
#FAF7FB
- RGB
- rgb(250 247 251)
- HSL
- hsl(285 33% 98%)
- OKLCH
- oklch(0.98 0.006 317.8)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.76:1 (AAA)
- #BFB0C9 color page →
surface
#BFB0C9
- RGB
- rgb(191 176 201)
- HSL
- hsl(276 19% 74%)
- OKLCH
- oklch(0.778 0.039 312)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.26:1 (AAA)
- #73647E color page →
primary
#73647E
- RGB
- rgb(115 100 126)
- HSL
- hsl(275 12% 44%)
- OKLCH
- oklch(0.527 0.044 310.8)
WCAG contrast: on white 5.45:1 (AA) · on black 3.85:1 (Fail)
- #3A3641 color page →
accent
#3A3641
- RGB
- rgb(58 54 65)
- HSL
- hsl(262 9% 23%)
- OKLCH
- oklch(0.341 0.02 301.9)
WCAG contrast: on white 11.77:1 (AAA) · on black 1.78:1 (Fail)
- #0C0B0D color page →
text
#0C0B0D
- RGB
- rgb(12 11 13)
- HSL
- hsl(270 8% 5%)
- OKLCH
- oklch(0.152 0.005 308.1)
WCAG contrast: on white 19.63:1 (AAA) · on black 1.06:1 (Fail)
Export Plummy System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf7fb;
--surface: #bfb0c9;
--primary: #73647e;
--accent: #3a3641;
--text: #0c0b0d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf7fb;
--color-surface: #bfb0c9;
--color-primary: #73647e;
--color-accent: #3a3641;
--color-text: #0c0b0d;
}JSON (DTCG tokens)
{
"plummy-system-4tp": {
"bg": {
"$type": "color",
"$value": "#faf7fb"
},
"surface": {
"$type": "color",
"$value": "#bfb0c9"
},
"primary": {
"$type": "color",
"$value": "#73647e"
},
"accent": {
"$type": "color",
"$value": "#3a3641"
},
"text": {
"$type": "color",
"$value": "#0c0b0d"
}
}
}About this palette
Plummy System is a 5-color OKLCH-ready palette tagged pink, gray, monochromatic, 5 colors. Hex values: #FAF7FB, #BFB0C9, #73647E, #3A3641, #0C0B0D. APCA contrast score Lc 9.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 Plummy System by OKLab color distance.