Weathered Brick color palette — #F4E6F3 · #C8002E · #561D0F · #220F0E · #110111

Ruby and Espresso set the tone — five colors that lean into energy and balance.

The five colors

• Blush (#F4E6F3): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C8002E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#561D0F): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#220F0E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#110111): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Balance. Tagged noir, dark, luxury, 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

• Hazy Plum Archive color palette (#FFDEED, #BC007E, #4E212F, #231115, #0C0215)
• Bronze Harbor color palette (#F5D4E3, #A45000, #492A00, #25130B, #13010A)
• Mulberry Market color palette (#F0D4EF, #9D0029, #33281B, #2A1000, #090001)
• Airy Ember color palette (#FFE8E3, #DA4F00, #AA4A00, #693300, #261100)
• Powdered Ember Pier color palette (#F8E4F2, #FD4422, #854525, #472940, #0E030E)
• Lowlit Garnet Atelier color palette (#F5E1DB, #930026, #484E00, #21190B, #0D0300)
• Airy Quarry color palette (#FDE3CE, #B56700, #5B8300, #B9006A, #0F0500)
• Pine Chapel color palette (#CFF0E5, #80A467, #3E823B, #83401F, #071300)

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