Lagoon Boulevard color palette — #D1E3DE · #509F71 · #003861 · #00172D · #000F0B

Fern takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D1E3DE): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#509F71): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#003861): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000F0B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Weathered Teal color palette (#F7E9F6, #5FAE8C, #294170, #0F2041, #1F101E)
• Washed Navy Study color palette (#F5E5F5, #B58149, #003870, #00112B, #040005)
• Airy Cobalt color palette (#D4DFEB, #66D293, #137DCA, #124B79, #000C1B)
• Worn Denim Field color palette (#D1E0F1, #D1975C, #235693, #002855, #000B1E)
• Feathered Navy color palette (#ECD6E7, #C56E80, #202B76, #090C41, #170313)
• Chestnut Bloom color palette (#D0E5CF, #007170, #6D4D00, #383B00, #09210A)
• Stone Workshop color palette (#FFF0F7, #DC9B99, #534A73, #3F2432, #251616)
• Aubergine Balcony color palette (#F4E7EF, #757DDB, #6F2094, #332A98, #1F010D)

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