Weathered Brick color palette — #F7DBD7 · #C80C08 · #5D6000 · #540083 · #1E0000

A conversation between Brick and Royal Purple, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7DBD7): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#C80C08): A full-bodied, vivid orange — the color of toasted spice.
• Olive (#5D6000): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#540083): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#1E0000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Misty Rust color palette (#FFE4D5, #B73600, #464B00, #4D005E, #100003)
• Frosted Plum color palette (#F8E0DB, #C3005F, #755500, #311F93, #1D0008)
• Hazy Corridor color palette (#EFE3D9, #9C5700, #187720, #5F0049, #150700)
• Feathered Brick color palette (#FBD8F3, #C30B08, #006856, #00425D, #420101)
• Linen Harbor color palette (#F5E0CE, #9E5600, #1B6E06, #004737, #150700)
• Frosted Ember color palette (#FFE9DA, #EA6900, #715700, #7B3400, #050300)
• Worn Bronze color palette (#F0E4C9, #AA7200, #605100, #003B2B, #1A1000)
• Dusty Hollow color palette (#FFDBD3, #F02165, #0083AD, #006181, #410115)

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