Tempered Mallow color palette — #FFF1F3 · #D19DCC · #B8A36A · #48A1AF · #543B3E

Mauve and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#D19DCC): A luminous, balanced pink — the color of peonies in June.
• Camel (#B8A36A): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#48A1AF): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#543B3E): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Teal Orchard color palette (#FFF0F9, #A9ACE1, #D1947C, #5CA382, #4F3C48)
• Azure Chapel color palette (#FFF2EE, #DF9D9E, #8AB27D, #7194C7, #533C35)
• Ancient Mustard Pier color palette (#F6F3FF, #EDB7E7, #D7B75E, #6AAEBB, #3A3547)
• Washed Lagoon color palette (#FFF1F4, #AF87B5, #4E9C73, #11817C, #523B40)
• Aged Dune color palette (#FFF2EB, #DCC6B4, #B6937E, #A36147, #643E00)
• Peony Chapel color palette (#FFE2EE, #F656A9, #929700, #0088B8, #4E1C35)
• Aged Ash color palette (#FFF1F2, #F7C7E7, #BC87AA, #815778, #4E2C45)
• Hushed Oat color palette (#FCF3F1, #E7CDA5, #9B726A, #65433D, #362725)

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