Lagoon Boulevard color palette — #F9F3F7 · #D6D4E2 · #90C1E9 · #169873 · #333D63

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E2): bright and airy, almost weightless.
• Sky (#90C1E9): A luminous, dusty blue — the color of open sky before noon.
• Fern (#169873): A luminous, balanced teal — the color of glacier melt.
• Navy (#333D63): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Lagoon Drift color palette (#FAF3F5, #D9D4DE, #BCC9FD, #50A1A3, #494B65)
• Periwinkle Parlor color palette (#FCF2F7, #D7D4DF, #80A6E9, #008076, #2E2652)
• Teal Basin color palette (#EAF8FF, #DBDAE5, #BEAEA5, #6BB496, #374859)
• Weathered Turquoise color palette (#D5FFFF, #88E5DC, #10BAD1, #007EA8, #293C5E)
• Denim Atelier color palette (#ECDFEB, #65B1B3, #005D79, #002E11, #000105)
• Hazy Cerulean Boulevard color palette (#EAF8FF, #8AE3FE, #F9A188, #0099B9, #542B20)
• Weathered Cerulean Orchard color palette (#FCF3EF, #C1E7CE, #5591BD, #297157, #563F51)
• Sapphire Meadow color palette (#F8E9F2, #8BBFD7, #1E65BD, #003F36, #020012)

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