Hazy Boulevard color palette — #CCF3DD · #007A97 · #2100DD · #4F0067 · #480021

A conversation between Cobalt and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CCF3DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
• Cobalt (#2100DD): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#4F0067): A deep, shadowed, balanced pink — the color of peonies in June.
• Espresso (#480021): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

One click turns Hazy Boulevard 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

• Dusty Nightshade Pier color palette (#CCF2E2, #0078A3, #4900C8, #59004F, #002B28)
• Gentle Boulevard color palette (#D8E7C7, #008662, #5818B1, #4D1900, #1E0600)
• Soft Coast color palette (#F4E5EE, #4942B6, #5E005A, #420008, #001420)
• Frosted Aubergine Bloom color palette (#ECDBEA, #2D5FCF, #670091, #58002C, #00242A)
• Faded Nightshade Loft color palette (#DEEED6, #00816E, #00546D, #270093, #1A2A00)
• Cobalt Workshop color palette (#D3F3FA, #4FAAD2, #1678BF, #62337D, #4D2A47)
• Muted Coast color palette (#C3ECF4, #00A8C9, #006C8E, #004968, #1F2954)
• Amethyst Alley color palette (#C6F2F4, #00A579, #8222E5, #782D00, #401400)

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