Lagoon Coast color palette — #FCF2F6 · #D9D3DE · #A7B7F7 · #009497 · #3A3C5B

Cerulean takes the lead with Sky close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Silver (#D9D3DE): bright and airy, almost weightless.
• Sky (#A7B7F7): A luminous, balanced violet — the color of wild irises.
• Cerulean (#009497): A luminous, balanced teal — the color of glacier melt.
• Navy (#3A3C5B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Muted Turquoise Balcony color palette (#F8F5EF, #BBEEF4, #98BFF9, #49A6BF, #573F51)
• Muted Lagoon color palette (#F9F3F9, #D2D5E5, #70C8E8, #4A9558, #244161)
• Patina Cerulean color palette (#ECF4EE, #BFE1FF, #728FB9, #2C6777, #212C42)
• Cobalt Terrace color palette (#FEF0FB, #A7D4E7, #0083BF, #005439, #020038)
• Gentle Turquoise color palette (#FDF0FF, #F1A1AC, #16C1C6, #00A6AA, #37223A)
• Weathered Denim color palette (#F6E6EF, #73ABC5, #1B52A0, #002C26, #010009)
• Weathered Petrol color palette (#F5EAF6, #83C4C6, #007292, #00411A, #00020A)
• Hushed Azure color palette (#FEF0FC, #D0DAF5, #00A6E7, #00764B, #021865)

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