Weathered Brick color palette — #FFF2ED · #AB3B40 · #5D4300 · #373A00 · #2D1828

Brick takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Brick (#AB3B40): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#373A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#2D1828): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered 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 Plum Veranda color palette (#FFF1F2, #9E4684, #782362, #303500, #281227)
• Chestnut Alley color palette (#FFF3E5, #825400, #514A00, #003E38, #311517)
• Faded Terracotta color palette (#FFEBDE, #AE3300, #00552B, #003518, #1F0842)
• Washed Terracotta Balcony color palette (#FFF2EC, #A8604E, #893E24, #004F4A, #412521)
• Plum Meadow color palette (#E1E0FF, #BA84B8, #A7465A, #772500, #482D00)
• Tempered Orchid color palette (#EEF1D9, #A36BBF, #8B4137, #00494E, #4A2325)
• Wandering Plum Study color palette (#FFEDEC, #B14F86, #00634D, #00453B, #0E2A3E)
• Shadow Lantern color palette (#F7E0DB, #9F3A5A, #391E06, #200E0B, #0A0201)

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