Tempered Brick color palette — #E5DAE5 · #C3183C · #633C00 · #232C00 · #190016

Ruby and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E5DAE5): bright and airy, almost weightless.
• Ruby (#C3183C): A full-bodied, vivid red — the color of a theater curtain.
• Bronze (#633C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#232C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#190016): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hazy Rust color palette (#FAE7F4, #C25637, #6D5000, #213C00, #2A001E)
• Plum Grove color palette (#F5E9FA, #B1356B, #742E00, #302600, #010F01)
• Terracotta Pier color palette (#F8E0EF, #953400, #433400, #032101, #0C0004)
• Antique Bronze Ridge color palette (#EFD9E3, #A15400, #504700, #00310C, #000E0D)
• Frosted Terracotta Corridor color palette (#FFE4E3, #DA5752, #A51800, #551900, #2A0C00)
• Plum Lantern color palette (#F0E9FC, #A5398D, #88020C, #372300, #0C002B)
• Powdered Raspberry color palette (#F6DAD5, #E5347F, #994A00, #494400, #32073C)
• Airy Plum color palette (#F7D9DB, #AC1A97, #524600, #00343C, #051C2B)

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