darkwarmmonochrome
Plum Wine Color Palette
Plum Wine is a dark, warm and monochrome color palette of 5 colors: Oxblood (#2d0320), Wine (#5c0f3d), Wine (#8e2c5b), Rose Gold (#c06c84) and Bubblegum (#f2c4ce). Its dominant hue is pink.
The darkest color, Oxblood, on the lightest, Bubblegum, gives a 11.84:1 contrast ratio — enough for body text at WCAG AAA. 4 pairs in this palette pass AA for normal text. Wine (#8e2c5b) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxblood
- Wine
- Wine
- Rose Gold
- Bubblegum
CSS Output
:root {
--plum-wine-1: #2d0320;
--plum-wine-2: #5c0f3d;
--plum-wine-3: #8e2c5b;
--plum-wine-4: #c06c84;
--plum-wine-5: #f2c4ce;
}Plum Wine on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxblood on Bubblegum#2d0320 on #f2c4ce11.84:1AAA
- Wine on Bubblegum#5c0f3d on #f2c4ce8.52:1AAA
- Wine on Bubblegum#8e2c5b on #f2c4ce5.09:1AA
- Oxblood on Rose Gold#2d0320 on #c06c844.99:1AA
- Wine on Rose Gold#5c0f3d on #c06c843.59:1AA Large