Muted Plum color palette — #F0E4F2 · #CA2557 · #1A6803 · #003E45 · #000205

Magenta Rose and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F0E4F2): A whisper-light, dusty pink — the color of a candy shop window.
• Magenta Rose (#CA2557): A full-bodied, vivid red — the color of embers at dusk.
• Olive (#1A6803): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003E45): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000205): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Muted Plum into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Feathered Plum color palette (#F2E8FF, #B5388F, #4C5F00, #00412D, #000205)
• Gentle Scarlet Corridor color palette (#F6E8F2, #D21E00, #006645, #00288B, #00010D)
• Driftwood Workshop color palette (#F3DBE7, #B86F5B, #7F6627, #224466, #00152C)
• Obsidian Ridge color palette (#FDE7D9, #953300, #453600, #032201, #060002)
• Rust Corridor color palette (#F3E0E0, #C54900, #924C00, #5E3B00, #0D0900)
• Washed Harbor color palette (#DFE3FE, #854BD4, #7E4600, #00403A, #000203)
• Chestnut Corridor color palette (#DFF2E0, #704D00, #213100, #252127, #000A07)
• Tempered Emerald Veranda color palette (#CDE5DB, #62985F, #007358, #5F3665, #000900)

Browse the whole catalog at Explore, or see today's palette.