Tempered Brick color palette — #F5DCE5 · #DF4F71 · #C0143C · #7A1700 · #391400

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

The five colors

• Shell Pink (#F5DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Poppy (#DF4F71): A luminous, vivid red — the color of embers at dusk.
• Ruby (#C0143C): A full-bodied, vivid red — the color of embers at dusk.
• Rust (#7A1700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#391400): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Plum Alley color palette (#EADEE6, #D54F9D, #B60059, #720024, #480005)
• Ember Veranda color palette (#F8E4E5, #DA5045, #A72F00, #5E2B00, #2E1600)
• Dusty Scarlet color palette (#E8DBE6, #E9559E, #DC002B, #943200, #2E1A00)
• Patina Raspberry color palette (#ECDFEC, #C44C87, #8D0030, #4F1E00, #231D00)
• Terracotta Atelier color palette (#F0DCEC, #DB5249, #008397, #9D030F, #001F25)
• Timeworn Tangerine color palette (#FFE7DC, #EB764C, #A13E00, #561B00, #150300)
• Linen Balcony color palette (#F2D8EC, #E0B38D, #B99E58, #9F485A, #381604)
• Washed Tangerine color palette (#FFEBE9, #FF7231, #BF5D00, #7A4700, #472F00)

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