Lagoon Boulevard color palette — #E2F3EF · #9ACEDC · #0099A1 · #006D5F · #00353C

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#E2F3EF): bright and airy, almost weightless.
• Sky (#9ACEDC): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0099A1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006D5F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00353C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Turquoise Study color palette (#EDF8F6, #AFDDEE, #00A7C1, #007C79, #143F55)
• Muted Petrol Coast color palette (#DBF0ED, #7DBDCD, #0081A2, #00585E, #002333)
• Quiet Cobalt color palette (#E1F3F1, #A4C9E6, #008DDC, #006882, #092E55)
• Muted Terrace color palette (#D9E6E4, #529FAE, #006278, #003B3D, #000B12)
• Faded Forest color palette (#FCF1FD, #B1F4F3, #379FC1, #0D6F2B, #001E3F)
• Muted Olive color palette (#CFE8DC, #9CA565, #7A7500, #5A4D00, #002C22)
• Magenta Lantern color palette (#F2DCEE, #CB45BF, #D34000, #385FCC, #231935)
• Washed Blush color palette (#EFE7FF, #FFBFDF, #FC86A6, #915BA1, #362947)

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