Tempered Mallow color palette — #FEF2F2 · #D398C6 · #684C4B · #372627 · #150D0E

Mauve takes the lead with Coffee close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FEF2F2): bright and airy, almost weightless.
• Mauve (#D398C6): A luminous, balanced pink — the color of a candy shop window.
• Coffee (#684C4B): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#372627): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#150D0E): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Amber Studio color palette (#FFF2EB, #D6866A, #693800, #2C190D, #0A0402)
• Worn Balcony color palette (#F4EFFF, #A66099, #42384A, #2A2631, #171418)
• Timeworn Mustard Thicket color palette (#FFF2ED, #F9B9B8, #D8B66E, #B691CA, #49322A)
• Faded Peony color palette (#FFF2F0, #F24196, #5B2A33, #2A0516, #060000)
• Dusty Cocoa color palette (#F5E3D5, #6B636A, #7A3800, #1A1B12, #0B0400)
• Shadow Garnet Grove color palette (#FFE7E6, #6C004D, #2D2315, #150607, #040001)
• Moonless Corridor color palette (#F2E1DA, #B40907, #1E2924, #250800, #040000)
• Velvet Plum color palette (#FADED8, #C24065, #3C190C, #0E1104, #0E0000)

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