Hazy Brick color palette — #FFEBE1 · #C42000 · #00606B · #550800 · #000102

Brick takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFEBE1): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#C42000): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#00606B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#550800): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Hazy 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

• Airy Plum color palette (#FFE9E5, #BA2266, #006351, #540029, #000201)
• Aged Bronze Hollow color palette (#F7E7D8, #995900, #00598B, #412300, #000103)
• Velvet Garnet Parlor color palette (#F6E1F0, #8D1900, #00444D, #3E0600, #000102)
• Hazy Station color palette (#FFEAE3, #922D00, #005434, #290C89, #040000)
• Frosted Scarlet color palette (#FFDDD0, #EA062C, #007D99, #A1001A, #00070B)
• Ember Veranda color palette (#F5E2DA, #D15708, #662C00, #181F16, #110300)
• Smoked Aubergine color palette (#FDDEF7, #990D0B, #470C99, #440101, #08001D)
• Worn Bronze Balcony color palette (#F1ECFF, #009593, #A16200, #0E0C05, #020100)

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