Hazy Brick color palette — #E2F4EF · #328FEB · #C62A21 · #5C5400 · #000A09
A conversation between Brick and Azure, giving this palette its sense of nature and growth.
The five colors
- Cream (#E2F4EF): A whisper-light, dusty teal — the color of shallow lagoons.
- Azure (#328FEB): A luminous, vivid blue — the color of a favorite pair of jeans.
- Brick (#C62A21): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#5C5400): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#000A09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Energy, 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
- Antique Iris Lagoon color palette (#FAE9F7, #688BF5, #964800, #4F6500, #000708)
- Dusty Terrace color palette (#FFE6F6, #797FF9, #C42E67, #654D00, #001610)
- Airy Plum Cabin color palette (#E2F1E7, #009AB8, #C4006C, #714500, #000D04)
- Softworn Byzantium Workshop color palette (#F7E9D3, #7690F3, #9B49C9, #6F4F00, #150A3B)
- Weathered Balcony color palette (#EFDAE3, #9765D7, #996A00, #006D36, #000711)
- Hushed Thicket color palette (#FFEBF6, #9CA5FF, #B46300, #188616, #001A23)
- Garnet Harbor color palette (#EAF7FF, #00718B, #8C002C, #002D1E, #000102)
- Muted Mulberry color palette (#EED9E7, #5462C7, #85007F, #373B00, #020228)
Browse the whole catalog at Explore, or see today's palette.