Hazy Brick color palette — #F5DFF1 · #B22904 · #005C43 · #003B5D · #050004

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

The five colors

• Blush (#F5DFF1): A whisper-light, dusty pink — the color of neon signs at night.
• Brick (#B22904): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#005C43): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003B5D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Balance. Tagged jewel, 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

• Ancient Bronze Atelier color palette (#F8D8E5, #A85B00, #006835, #003961, #060003)
• Frosted Studio color palette (#F7E7FC, #B63164, #285F00, #00404E, #03000A)
• Wandering Aubergine color palette (#FAEAF0, #9C5B00, #00595C, #320096, #060001)
• Antique Basin color palette (#D8F2DD, #B95D11, #6D5700, #004152, #070200)
• Charred Garnet color palette (#F6DED6, #8F0026, #013006, #090020, #040000)
• Aged Amber Corridor color palette (#FFE3DC, #C26605, #7D5600, #453700, #030400)
• Lowlit Pier color palette (#E7F2E7, #644300, #413100, #001927, #050100)
• Sunlit Aubergine color palette (#CEE5D7, #897900, #00648C, #650084, #060000)

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