Muted Plum color palette — #F3D8D2 · #C33161 · #416200 · #003767 · #030009

A conversation between Magenta Rose and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3D8D2): A whisper-light, dusty orange — the color of autumn markets.
• Magenta Rose (#C33161): A full-bodied, vivid red — the color of a theater curtain.
• Olive (#416200): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003767): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, 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

• Hazy Raspberry color palette (#FDDCD9, #C8127F, #3E6300, #004038, #000205)
• Timeworn Scarlet Quarry color palette (#FDECE4, #CD2A13, #006739, #2C1093, #030009)
• Aged Navy color palette (#E8DCCE, #9C6400, #00616D, #00298A, #040006)
• Navy Field color palette (#FFE4EA, #A9795E, #736E33, #323C71, #1D0534)
• Ancient Boulevard color palette (#F2E4D7, #A06200, #00626A, #590064, #050006)
• Muted Pier color palette (#EADDCD, #948B27, #477003, #603859, #070600)
• Chestnut Harbor color palette (#EDD9DF, #7D4B00, #363C00, #002115, #070001)
• Bronze Balcony color palette (#F6DCCE, #AB6400, #7B5900, #494300, #0A0E00)

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