Tempered Brick color palette — #F9E5EF · #D47E93 · #B13231 · #7F3000 · #5D3300

A conversation between Brick and Rust, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#F9E5EF): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#D47E93): A luminous, balanced red — the color of late-summer berries.
• Brick (#B13231): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#7F3000): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5D3300): A deep, shadowed, balanced gold — the color of old brass.

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

• Brick Meadow color palette (#EEDBDD, #DA6C74, #BA242D, #7D1D0D, #3E1102)
• Softworn Scarlet color palette (#FFE0E3, #F38088, #DB4245, #9C3627, #542A1A)
• Hazy Veranda color palette (#FFDEE1, #D68C7E, #B15932, #764800, #3E4414)
• Pale Garnet color palette (#EBD9F0, #BD79B3, #AD427B, #8F002F, #5D201A)
• Terracotta Alley color palette (#FCEBE2, #C37663, #008898, #9B2500, #003D45)
• Worn Boulevard color palette (#FFF2EB, #F6D1A5, #A5B178, #994363, #55321C)
• Chestnut Study color palette (#EEE7D8, #909D71, #706418, #5E3C00, #30312A)
• Quiet Lantern color palette (#FEDDC6, #AE6339, #007C82, #00628A, #44200C)

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