Misty Plum color palette — #F5DCD5 · #BB2C4D · #3D6D00 · #004C90 · #1D0005

Built around Ruby, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F5DCD5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#BB2C4D): A full-bodied, vivid red — the color of late-summer berries.
• Olive (#3D6D00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#004C90): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#1D0005): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Softworn Pine color palette (#FFE7DE, #BE5754, #0C861D, #39589C, #270900)
• Chalky Plum color palette (#F7DDDE, #AD2E8A, #6B5F00, #005569, #1D0003)
• Quiet Nightshade Courtyard color palette (#EBDED5, #AE4600, #007050, #48359F, #160600)
• Plum Pier color palette (#FFE0E8, #C30065, #006B76, #1A4C69, #2A1532)
• Hushed Rose Coast color palette (#F2DCDD, #F0255D, #518D00, #336BA9, #390E16)
• Hushed Ridge color palette (#F2E4C0, #948400, #00829F, #A12380, #1C1800)
• Lagoon Terrace color palette (#FFEEE3, #C8744B, #00966E, #665FAB, #2C190B)
• Frosted Peony color palette (#FFF1F0, #EA4B9F, #0091AB, #00788D, #1F000F)

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