Plum in OKLCH
Plum is the soft, pale purple CSS named color #DDA0DD. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About plum
Plum is a light, gentle purple that reads as calm, soft and refined, which makes it a nice accent or background tint for elegant interfaces. It is high in lightness with modest chroma, so the tonal scale is well suited to airy backgrounds and subtle purple accents. Keep the hue and vary lightness for the range, then copy the OKLCH, HEX or RGB value.
Plum in CSS: oklch(78.3% 0.108 326.5) · #dda0dd · rgb(221 160 221)
Frequently Asked Questions
Plum is rgb(221, 160, 221). The RGB, HEX (#DDA0DD) and OKLCH values are all shown in the readouts above and can be copied individually.
No - the CSS named color plum (#DDA0DD) is a light lavender-purple, much paler than the deep purple of the fruit. If you want the fruit shade, darken it using the tonal scale above.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →