Plum is a muted purple with a red undertone. #8E4585 sits at 307° hue, between purple and magenta, and its 35% saturation is what keeps it from looking neon. Grab the HEX codes from a scheme below, or build a custom plum palette around any base colour with the generator.
Plum Palette Ideas & HEX Codes
Deep Plum runs from a near-black #2B0A29 to a soft #B168A6, holding 304°–309° throughout. Plum & Berry sits a little higher in lightness and ends on a pinker #C77DBF. Soft Plum is the only set with tints you can use as backgrounds, #EFDCEC and #D9B5D3.
Deep Plum
#2B0A29
#4A1145
#6B1D63
#8E4585
#B168A6
Plum & Berry
#3D0E3B
#5C1A57
#7A2A73
#9C4D96
#C77DBF
Soft Plum
#EFDCEC
#D9B5D3
#BC8AB4
#8E4585
#6B2F63
Anchored to a plum base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Free, no sign-up Generated in your browser CSS, JSON & HEX export
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
What Goes With Plum
Plum is dark and muted, so it sits well against warm neutrals rather than other saturated colours — cream, taupe or a soft dusty rose. Gold is the accent when the set needs a lift. Its neighbours are purple, which is bluer and brighter, and burgundy, which is redder and darker. Beauty, autumn fashion and wine branding use it.
Frequently Asked Questions
What HEX codes make a plum palette?
Plum is a deep purple with a red undertone: anchor on a near-black plum (#2B0A29, #3D0E3B), use a true plum (#8E4585) and lift with soft mauve tints (#B168A6, #D9B5D3). The rich, wine-like purple is what separates plum from a bright violet. The Deep Plum, Plum & Berry and Soft Plum rows above each carry five codes, which is usually the right number: two darks, a mid and two tints. Across all three the extremes are #2B0A29 and #EFDCEC, which contrast at 13.6:1 — enough for body text at any size under WCAG AA and AAA.
What is the difference between plum and purple?
Purple #7B2CBF is at 272° hue and 63% saturation; plum #8E4585 is at 307° and 35%. Plum is redder and much more muted, which is why it looks like a fruit and purple looks like a pigment. Plum also holds up better as a background colour, because it is not competing at full saturation.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. On a narrow phone the generator shows four swatches instead of five, so the block you copy there carries four custom properties. Whatever the width, it rolls around #8E4585, the plum this page is seeded with, so the export stays on-hue. Copy JSON and Copy HEX give the same values as an array and as a comma-separated line.
Which plum shade should I use as a background?
For a page or card background take the lightest step in the set — #EFDCEC on this page. Black text on #EFDCEC comes to 16.1:1, well past the 4.5:1 WCAG AA line. For a dark surface use #2B0A29 instead, the deepest code here, where white text gives 17.8:1. The mid steps are better spent on borders, chart fills and hover states, where nothing has to be read at 14px.