Tempered Brick color palette — #FCE9F4 · #D4829E · #B13731 · #783A00 · #553600

Built around Brick, softened by Dusty Rose — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FCE9F4): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#D4829E): A luminous, balanced rose — the color of a warm blush.
• Brick (#B13731): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#783A00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#553600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Rust Field color palette (#FFE6EB, #DB6973, #C42F18, #692700, #301400)
• Timeworn Scarlet color palette (#FFD8E2, #F68591, #DF4B3D, #9A3B00, #592E0F)
• Bronze Parlor color palette (#FFDDE0, #CC7B67, #A25000, #5B4200, #373900)
• Wandering Garnet Dune color palette (#E7DBF0, #BD82C1, #B43B6B, #940029, #5C2107)
• Hazy Station color palette (#FEEADF, #CB715B, #0087A0, #9C2400, #003C49)
• Linen Terracotta color palette (#F0DBE5, #BB4452, #942000, #422400, #161D02)
• Muted Harbor color palette (#FFF2EC, #E0E4B6, #91BB87, #A0487A, #5B3B1F)
• Weathered Fern color palette (#EEE7D6, #8A9F78, #6E651A, #613A00, #2F312B)

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