Tempered Brick Garden color palette — #FFF2EE · #A74752 · #704200 · #003C4F · #31120B

A conversation between Brick and Bronze, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Brick (#A74752): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#704200): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#003C4F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#31120B): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, muted, warm.

Use it as a design system

One click turns Tempered Brick Garden 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

• Soft Hollow color palette (#FFF2EF, #994257, #831820, #003D2E, #36131E)
• Bronze Veranda color palette (#FFF3E9, #A3632D, #755300, #004856, #41231A)
• Hazy Terracotta Drift color palette (#F5EEDA, #A76FA4, #8C421E, #00446B, #4B2031)
• Chestnut Station color palette (#FFEDD4, #7B5800, #524500, #00324C, #2C0F00)
• Washed Aubergine color palette (#F8EDD8, #675100, #004636, #3D0059, #1D1200)
• Terracotta Drift color palette (#F8E5DC, #A43B2A, #352101, #250A00, #0C0300)
• Ancient Mulberry color palette (#FBF3F2, #DED8CF, #BEB1A1, #964462, #453735)
• Quiet Terracotta color palette (#EED4FF, #CF84A4, #A44938, #633A00, #383400)

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