Hazy Brick color palette — #D7E6DD · #008CAA · #B43300 · #004353 · #040000

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

The five colors

• Parchment (#D7E6DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008CAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Brick (#B43300): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#004353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• 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

• Cobalt Corridor color palette (#D2F0E7, #0083D5, #875F00, #003E6A, #020100)
• Hazy Plum color palette (#CAF7F5, #00918E, #B9006C, #004644, #040001)
• Garnet Grove color palette (#CFEEFF, #00667D, #822300, #002F3B, #090100)
• Scarlet Balcony color palette (#DDF3FF, #009ACC, #D7453F, #006C8F, #260001)
• Powdered Indigo color palette (#F8E5F5, #3E6FFF, #7E6300, #0B1BA9, #020100)
• Worn Ember Workshop color palette (#EBF7FF, #6FCDFF, #E85500, #0074A0, #390E00)
• Azure Terrace color palette (#C4EAFF, #009FD3, #005378, #001A2A, #000103)
• Timeworn Bronze Atelier color palette (#F5E3CD, #9B8503, #694500, #3A1500, #010100)

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