Muted Peony color palette — #FBF3F3 · #E0D9D3 · #99B3A7 · #C3649E · #382B2B

A conversation between Hot Pink and Sage, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Bone (#E0D9D3): bright and airy, almost weightless.
• Sage (#99B3A7): A luminous, dusty teal — the color of sea glass.
• Hot Pink (#C3649E): A luminous, balanced pink — the color of neon signs at night.
• Espresso (#382B2B): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Muted Peony 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

• Washed Hollow color palette (#FBF3F1, #DED9D3, #A8B8B4, #D18495, #4B3B37)
• Wandering Scarlet color palette (#FFF2EC, #DFDACD, #97BDCB, #D3463C, #331F16)
• Dusty Villa color palette (#F3F0F8, #E3D1D7, #C8AFBB, #835178, #221F27)
• Washed Cocoa Corridor color palette (#EFE7E2, #C5B8AA, #9C907B, #612900, #030100)
• Softworn Tangerine Studio color palette (#FFF2EF, #E6D0CC, #ABA792, #FC6E22, #431316)
• Tempered Boulevard color palette (#FFF4E2, #E89CBE, #BD5E4E, #00613F, #371610)
• Softworn Emerald color palette (#F9F5E8, #D5D2A9, #639A62, #7C527D, #2C2908)
• Bronze Workshop color palette (#F9F4EF, #DCDFD0, #BDC6B2, #A16800, #251D12)

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