Weathered Brick color palette — #F5DBD0 · #AC3F36 · #414D00 · #00343C · #2C0050

A conversation between Brick and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5DBD0): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#AC3F36): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#414D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#00343C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#2C0050): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Faded Grove color palette (#FCEFE7, #AC5F45, #485D00, #00434B, #2E2053)
• Tempered Chestnut color palette (#F5DAC7, #8B3E00, #184200, #00232F, #1E002D)
• Ancient Atelier color palette (#EDDFD2, #9A5400, #005531, #002C5D, #3E0024)
• Chalky Terrace color palette (#F1DBDC, #A03B84, #613E00, #003726, #001C4A)
• Inked Terracotta Parlor color palette (#EFDED4, #8F3300, #1A2429, #281500, #160300)
• Bronze Pier color palette (#FFDDD6, #AE9078, #7F6B33, #005461, #183A56)
• Airy Balcony color palette (#E7DDEB, #E03E80, #007368, #00486A, #002236)
• Misty Amber color palette (#FFE8E0, #C46B1B, #7C4B00, #4F3700, #202C07)

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