Tempered Mallow color palette — #F0F3FF · #F0B1FC · #C4799B · #435C9B · #302E4E

Carnation and Peacock set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#F0F3FF): bright and airy, almost weightless.
• Carnation (#F0B1FC): A whisper-light, balanced pink — the color of a candy shop window.
• Dusty Rose (#C4799B): A luminous, balanced rose — the color of strawberry cream.
• Peacock (#435C9B): A full-bodied, balanced violet — the color of wild irises.
• Navy (#302E4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged pastel, light.

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

• Muted Lilac color palette (#EBF4FF, #B7B9FF, #B184C2, #23638A, #293452)
• Washed Courtyard color palette (#ECF1FF, #E6BDE4, #C68590, #275990, #211135)
• Shell Hollow color palette (#F5EDFF, #FFAEC4, #C9866D, #6F4B7A, #3F2E49)
• Aged Blush Archive color palette (#F3F4FF, #F2C7F1, #EC9AB3, #6A6E9C, #45405B)
• Patina Bloom color palette (#FAF1FF, #EBD5DB, #B6AFA0, #9184A6, #59505B)
• Blush Grove color palette (#E8E1F4, #EA779C, #C25D49, #562E69, #330A1F)
• Iris Courtyard color palette (#FFECF4, #E9D1FD, #E7B1E2, #928FFB, #3C2C4F)
• Weathered Plum color palette (#FFF1F1, #EED9BC, #D7AD6A, #A85C76, #5A3F53)

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