Hazy Brick color palette — #D3F0FA · #008CAD · #B82B00 · #004354 · #040000

Brick and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3F0FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008CAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#B82B00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#004354): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged cool.

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 Azure color palette (#D3E3F1, #2194D8, #8F4000, #004063, #030100)
• Powdered Plum Station color palette (#CFF1F9, #00918A, #BD0054, #004642, #040001)
• Hushed Terracotta color palette (#DBEAF0, #007290, #9A2D00, #693100, #000102)
• Patina Garnet color palette (#E0F3E9, #006984, #8D1600, #003240, #250200)
• Softworn Lagoon color palette (#D5E2F0, #006FB7, #6B5000, #002D4F, #020100)
• Dusty Aubergine color palette (#C8E7FC, #006483, #760082, #002F3F, #070009)
• Faded Amber color palette (#E9F8FF, #5CD0FF, #CF6F00, #007599, #321600)
• Wandering Nightshade color palette (#E5EEFF, #486DFE, #806200, #1804B3, #020100)

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