Tempered Market color palette — #F3F4FF · #FBD3FB · #D994C0 · #B16477 · #5E415B

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#FBD3FB): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#D994C0): A luminous, balanced pink — the color of peonies in June.
• Mocha (#B16477): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal Brown (#5E415B): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Mallow Hollow color palette (#FFF1F5, #DFA6E2, #A8688C, #835362, #5F453C)
• Patina Pewter Coast color palette (#EFF6FF, #DFD6E5, #ADA1E4, #9062A0, #534767)
• Ancient Driftwood color palette (#FFF1F6, #CDEBE4, #CD9FB3, #9F6B60, #32443B)
• Ancient Parlor color palette (#FCF1FF, #E8DCD7, #DE9BA7, #984A66, #431922)
• Blush Ridge color palette (#F9F2FE, #F9D2CD, #99DDBA, #D07B9D, #204F4F)
• Crimson Corridor color palette (#FFD2F3, #F581A7, #D02E52, #912000, #391900)
• Chalky Ember Summit color palette (#FFF0F8, #FFA4B1, #D8625D, #A03F00, #3D2000)
• Hushed Peony color palette (#FEF0FF, #FFAEDC, #FE5389, #B1001C, #682100)

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