Hazy Lagoon color palette — #B1FFD0 · #00D4B6 · #009DA0 · #006B7A · #003F56

Aqua and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#B1FFD0): A whisper-light, balanced teal — the color of glacier melt.
• Aqua (#00D4B6): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#009DA0): A luminous, balanced teal — the color of sea glass.
• Peacock (#006B7A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003F56): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Aqua Study color palette (#A0F2DD, #3DCAD1, #0095B2, #005C86, #002B62)
• Sunlit Seafoam color palette (#DDFFE7, #11F1CB, #00AFB1, #006877, #002D43)
• Misty Study color palette (#D7F9A7, #76CE7E, #00A06A, #00695C, #003B3F)
• Patina Atelier color palette (#FFF4DE, #00C49C, #008DA0, #8A3671, #003F3A)
• Gentle Navy Hollow color palette (#E8F6AA, #69B776, #007D77, #005062, #002F75)
• Onyx Bloom color palette (#C8EAE7, #00A0B2, #006D92, #003D65, #030054)
• Pale Chartreuse color palette (#EAFCE3, #66FB80, #00D9CE, #00AADF, #004345)
• Airy Navy color palette (#DAFCFF, #79CFE7, #529BCA, #3C65A7, #343383)

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