Tempered Brick color palette — #F1E4F1 · #B72B43 · #522500 · #4F0013 · #060003

Ruby takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#F1E4F1): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#B72B43): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#522500): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#4F0013): A deep, shadowed, balanced red — the color of a theater curtain.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged duotone, warm.

Use it as a design system

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

• Airy Study color palette (#EBE3F0, #BA0070, #3E3700, #50002E, #000201)
• Bronze Quarry color palette (#EDDCE5, #A44B00, #363C0F, #411900, #000301)
• Obsidian Chestnut color palette (#E7DDCD, #8A3F00, #442A00, #012003, #160700)
• Garnet Market color palette (#ECE3EA, #B7A2AF, #947584, #6D0301, #1D0E1A)
• Misty Scarlet color palette (#FCDDED, #F22E24, #A64E00, #6E4600, #1C0900)
• Sunlit Raspberry Hollow color palette (#FFE8E6, #DA398B, #655000, #7F004A, #030100)
• Timeworn Market color palette (#DAE7DF, #8A7600, #0B4D07, #3B3100, #000504)
• Hushed Ember Meadow color palette (#FFEBF9, #E55C41, #704C00, #831500, #001703)

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