Lagoon Coast color palette — #FBF2F6 · #D8D4DF · #9FBCEC · #00949D · #343E5A

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Sky (#9FBCEC): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#00949D): A luminous, balanced blue — the color of open sky before noon.
• Navy (#343E5A): 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 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

• Antique Cabin color palette (#F4F6F0, #C3E5E7, #8DC3F5, #5AA3BF, #543F55)
• Weathered Alley color palette (#FBF2F8, #D2D5E6, #70CADD, #439563, #19445A)
• Ancient Chapel color palette (#FCF1F9, #A7D4E5, #0086AF, #005340, #000D1F)
• Hushed Turquoise Canyon color palette (#EDF6FF, #DBD9E3, #BDADA2, #5EAFBA, #334760)
• Patina Cerulean Basin color palette (#EAF4F4, #BDE1FF, #5D92C3, #326679, #1D2D40)
• Cobalt Harbor color palette (#E6F9FF, #A8EDFF, #52B5ED, #2A6DB7, #2E3560)
• Cerulean Garden color palette (#ECF7FF, #A3DDFF, #E6B058, #0095CE, #4C3300)
• Weathered Cerulean color palette (#FBF4EE, #C0E6D8, #6F8BB6, #256E72, #5B3C51)

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