Tempered Brick color palette — #F7E1E9 · #EC7182 · #C6021C · #782200 · #391600

A conversation between Ruby and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#F7E1E9): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#EC7182): A luminous, balanced red — the color of embers at dusk.
• Ruby (#C6021C): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#782200): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#391600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Plum Parlor color palette (#FADDF2, #EB77A9, #C6005C, #880024, #4C0600)
• Wandering Lantern color palette (#FEDAD9, #D8806B, #AF4D00, #6A3500, #351D00)
• Terracotta Loft color palette (#F3D7DA, #CA6364, #9C1D00, #5E2400, #291300)
• Crimson Archive color palette (#F9E5F6, #FC6EAC, #DA0035, #8A3800, #583B00)
• Antique Brick color palette (#FFEBFA, #EB6C5A, #0093A9, #AC0A00, #00252D)
• Sunlit Dune color palette (#FFF0FD, #FFBBD7, #FC4E50, #A13E00, #422900)
• Frosted Rose color palette (#FFD2E2, #FF90A6, #FE2E4A, #AA3600, #6A340E)
• Timeworn Plum color palette (#FFEBF8, #FFD4B2, #D1B24E, #B4405A, #442107)

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