Tempered Brick color palette — #FFE7F6 · #FC5D88 · #C70032 · #7A2900 · #3C1F00

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

The five colors

• Blush (#FFE7F6): A whisper-light, dusty pink — the color of a candy shop window.
• Rose (#FC5D88): A luminous, vivid red — the color of late-summer berries.
• Ruby (#C70032): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#7A2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#3C1F00): A deep, shadowed, dusty gold — the color of old brass.

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

• Patina Pier color palette (#FFD9E4, #FC6469, #B24200, #6D3600, #342300)
• Linen Plum color palette (#F1E1F0, #E666BD, #CA0068, #8A0014, #491500)
• Rose Basin color palette (#FFF1F3, #FFB8BD, #FF3E4D, #B0070B, #551C0B)
• Pale Brick color palette (#FAD6E1, #D9505F, #AB1200, #4B2300, #1E0F00)
• Brick Villa color palette (#FFEBFB, #EC6A5B, #0093A5, #AC070A, #00262C)
• Timeworn Apricot Boulevard color palette (#FFEEE7, #FE8642, #AD4800, #602600, #200500)
• Antique Bloom color palette (#FFE3DC, #F07D07, #985E00, #584400, #2C2B00)
• Washed Mustard Canyon color palette (#FFEBFA, #FFDCBF, #BFC117, #9D5179, #412006)

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