Hazy Brick color palette — #E8F8FF · #00A5B4 · #BA0035 · #0C4504 · #011100

Ruby takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cerulean (#00A5B4): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#BA0035): A full-bodied, vivid red — the color of a theater curtain.
• Forest (#0C4504): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#011100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Faded Field color palette (#E9F8FF, #00BAD4, #BE4C43, #005936, #002212)
• Softworn Garnet color palette (#E5F5FF, #0087A9, #940015, #002D20, #000201)
• Mulberry Workshop color palette (#E0FBFC, #08AE7D, #962D90, #333E00, #0A0F00)
• Wandering Cornflower color palette (#EEF6FF, #2D92FE, #825B00, #004426, #001106)
• Hazy Alley color palette (#CCE9DB, #007396, #81004E, #2B3200, #002711)
• Gentle Peony Lagoon color palette (#F0D9EE, #6AA0FF, #C55694, #835700, #002717)
• Velvet Cobalt color palette (#DAECFF, #0068B8, #602A00, #001A17, #000201)
• Olive Workshop color palette (#FFF0F7, #D2B96B, #618401, #5C4570, #001F0D)

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