Hazy Brick color palette — #B2EFEB · #008C88 · #C22227 · #9A1C1F · #000202

Brick and Garnet set the tone — five colors that lean into energy and balance.

The five colors

• Sea Foam (#B2EFEB): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008C88): A full-bodied, balanced teal — the color of shallow lagoons.
• Brick (#C22227): A full-bodied, vivid orange — the color of toasted spice.
• Garnet (#9A1C1F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Black (#000202): a grounded near-black with real depth.

Feels like: Energy, Balance. Tagged warm.

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

• Weathered Grove color palette (#CAF2FF, #00738B, #963300, #732500, #000102)
• Softworn Mulberry Lagoon color palette (#B0F1DC, #008F73, #A33C8A, #900A77, #000201)
• Antique Loft color palette (#D0F1E5, #006A55, #852C00, #4E3300, #001610)
• Softworn Cobalt color palette (#C4E6FF, #0082C0, #925E00, #744A00, #000204)
• Linen Amber Orchard color palette (#E8F8FF, #00AAD5, #CB6E00, #A95B00, #00151E)
• Terracotta Summit color palette (#FFD8EE, #BF904E, #9B4002, #5F0822, #050400)
• Misty Orchid Orchard color palette (#DAE6DB, #00A0A4, #B54ED2, #9A6A00, #001616)
• Hushed Villa color palette (#DFEEFF, #00559D, #613E00, #462B00, #000104)

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