Weathered Brick color palette — #F9DEDD · #E46A64 · #BB2600 · #551900 · #200900

Brick takes the lead with Coral Clay close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F9DEDD): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#E46A64): A luminous, balanced orange — the color of autumn markets.
• Brick (#BB2600): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#551900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#200900): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, 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

• Pale Parlor color palette (#FFDFE7, #EA6E8C, #C50041, #66000E, #190000)
• Worn Amber Orchard color palette (#FFE8E0, #E57133, #A34E00, #572C00, #1A0B00)
• Frosted Grove color palette (#F8D5E4, #F3566D, #DB2900, #8C4300, #291700)
• Sunlit Bloom color palette (#FFE6E6, #EE002C, #920D00, #561600, #291900)
• Washed Rust color palette (#FFE7DF, #C45300, #864300, #321700, #020100)
• Apricot Pier color palette (#FFF0E7, #EC975D, #964800, #3D1B00, #030100)
• Weathered Emerald color palette (#FFE9DC, #DD6D37, #299204, #813100, #010B00)
• Airy Brick Delta color palette (#FFF2EA, #E5DCBC, #DBB15F, #AE3919, #200C00)

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