Tempered Summit color palette — #FFF1F2 · #D497C5 · #654E4B · #362627 · #150D0F

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D497C5): A luminous, balanced pink — the color of neon signs at night.
• Charcoal Brown (#654E4B): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#362627): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#150D0F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Tempered Market color palette (#FFF2EB, #E1805A, #643C00, #291B11, #0B0402)
• Softworn Driftwood color palette (#EFEBF8, #A968A0, #483347, #201C27, #0B0C10)
• Peony Summit color palette (#FFF2F0, #EC4E91, #5B2C2A, #240E0B, #050001)
• Tempered Shell color palette (#FFF2EE, #FFB5B6, #A0C892, #83A4D4, #47332D)
• Inked Garnet Veranda color palette (#FFD9D8, #6D004A, #322619, #150802, #040001)
• Cellar Brick Studio color palette (#F3E2DB, #B21500, #262F29, #210C00, #030100)
• Eclipse Harbor color palette (#FFDCD4, #D5175B, #3E170E, #111305, #0D0100)
• Hushed Bronze color palette (#FFEAD7, #B46900, #372900, #152224, #0F0500)

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