Tempered Brick color palette — #EEE0ED · #C20139 · #562800 · #540013 · #030100

Ruby and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#EEE0ED): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#C20139): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#562800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#540013): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged duotone, vibrant, 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

• Timeworn Plum color palette (#E9E1F0, #A73674, #661300, #500031, #040000)
• Softworn Bronze Coast color palette (#EEDEE6, #A04D00, #423500, #441D00, #020100)
• Midnight Chestnut Basin color palette (#E3EFE4, #853E00, #422900, #001A02, #040100)
• Feathered Courtyard color palette (#F3DFD8, #D35159, #7C4100, #85001F, #040100)
• Garnet Canyon color palette (#F6E9F2, #AC9AA4, #8F727F, #670F00, #0A0108)
• Hushed Bronze color palette (#E4F3E9, #8F7600, #304E00, #413500, #000201)
• Weathered Bronze Villa color palette (#F7EFF4, #EDB49F, #A07C40, #9C6049, #0F190F)
• Hushed Apricot color palette (#FFECF2, #DC964D, #726F00, #834C00, #000D06)

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