Hazy Brick color palette — #DEFDF5 · #0F8FDD · #A60312 · #443E00 · #000200
Garnet takes the lead with Azure close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#DEFDF5): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#0F8FDD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Garnet (#A60312): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#443E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Faded Cornflower Study color palette (#FFF0FD, #3975FF, #944200, #354000, #000301)
- Hazy Mulberry Study color palette (#E7FBED, #008AA5, #9B005A, #533300, #020300)
- Faded Lapis color palette (#FFF0FB, #4749FF, #783200, #1E2600, #000102)
- Hushed Periwinkle Lantern color palette (#FFF4E2, #7A9CFF, #824FAA, #553900, #100C2C)
- Worn Atelier color palette (#FFF1F6, #904EFF, #7C5200, #00431D, #000201)
- Airy Nightshade color palette (#D9E2F9, #4E45AE, #75004B, #2E2D00, #000407)
- Cypress Field color palette (#DCF0F4, #006A5F, #5A3100, #2B2800, #001716)
- Quiet Lilac color palette (#FFF0FA, #9CA0FF, #B6783F, #406734, #091A11)
Browse the whole catalog at Explore, or see today's palette.