Tempered Brick color palette — #F4DCE9 · #E0708A · #BF2913 · #6D3D00 · #463400

Brick and Rose set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F4DCE9): A whisper-light, dusty pink — the color of neon signs at night.
• Rose (#E0708A): A luminous, balanced red — the color of embers at dusk.
• Brick (#BF2913): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#6D3D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#463400): A deep, shadowed, dusty 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

• Worn Coral Lagoon color palette (#FAD9DF, #EB6061, #AE3A16, #6D3000, #321A00)
• Quiet Orchard color palette (#F9DDE4, #DC7362, #A65400, #644600, #284016)
• Coral Archive color palette (#FDE2EB, #FC959B, #E9795F, #B2652E, #543500)
• Plum Dune color palette (#F7E2FF, #CC78BB, #B71C63, #852720, #572E0A)
• Airy Ember Summit color palette (#FAE9EB, #FF8882, #D95D3B, #8E4114, #543111)
• Airy Coast color palette (#FFF1E5, #DD8D60, #984B00, #502800, #331600)
• Airy Ember color palette (#FFE9E0, #D96558, #0082B9, #962C24, #003A56)
• Rust Chapel color palette (#FCDDD3, #BB5460, #0072B1, #3955A2, #402219)

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