Hazy Brick color palette — #D2E8FA · #0081B5 · #AA002E · #4A3C00 · #001518
A conversation between Garnet and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Frost (#D2E8FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0081B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Garnet (#AA002E): A full-bodied, vivid red — the color of late-summer berries.
- Deep Olive (#4A3C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#001518): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Plum Basin color palette (#D7E9F2, #008BA1, #AE006A, #5C3900, #001616)
- Sapphire Studio color palette (#E0EAFA, #4571DC, #953A00, #344500, #00131C)
- Dusty Brick color palette (#EEF6FF, #2493E5, #B62E2F, #5E5200, #032127)
- Washed Cornflower color palette (#D4E2F9, #477DFB, #AE1C63, #524000, #002622)
- Chestnut Atelier color palette (#EFF9E6, #00A17F, #984600, #4A3900, #010500)
- Antique Denim color palette (#CFE9FF, #005A80, #5B3000, #322600, #001A13)
- Muted Amethyst Pier color palette (#CBE6D1, #3E90FF, #7940CF, #673D00, #15233F)
- Frosted Iris Archive color palette (#FFE2F5, #8283FF, #B65DBC, #8D5400, #031803)
Browse the whole catalog at Explore, or see today's palette.