Tempered Mallow color palette — #FFF1F6 · #DEB2F6 · #BB8CC3 · #8C668A · #65474A

A conversation between Lavender and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#DEB2F6): A whisper-light, balanced violet — the color of a velvet chair.
• Mauve (#BB8CC3): A luminous, balanced pink — the color of neon signs at night.
• Slate (#8C668A): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#65474A): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Mallow 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

• Driftwood Station color palette (#FFF0F7, #C7ACE0, #9871A2, #825579, #654343)
• Worn Ash Parlor color palette (#FFF1F1, #FBBDE7, #C387AE, #875E78, #4F2D2F)
• Mallow Coast color palette (#FFF1F3, #E4AFE6, #6DBDDF, #A67BA8, #325646)
• Muted Hollow color palette (#FFF1F2, #DD96CA, #D0957D, #8190BF, #503D3E)
• Blush Bloom color palette (#FFE5E8, #FF9195, #CE6E6A, #985446, #504944)
• Worn Atelier color palette (#FFF2EA, #E5C3A8, #BD9079, #A1633E, #673C00)
• Hushed Blush color palette (#FFE9F2, #F97CAE, #C64D70, #943F4C, #5C2D2F)
• Dusty Fuchsia Quarry color palette (#E8DCE8, #FF6FE4, #DA45AF, #A03770, #672744)

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