Lagoon Harbor color palette — #F9F4EF · #C7E2E6 · #99A1D3 · #008B92 · #503E63

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#C7E2E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#99A1D3): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#008B92): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#503E63): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Lagoon Grove color palette (#FBF3F1, #C2E9DF, #6EAECC, #458C5C, #324969)
• Hushed Cornflower color palette (#F1F7F2, #C8DFF7, #6288D4, #236B82, #3E475E)
• Gentle Emerald color palette (#F4F7E4, #94C792, #AF92E8, #2F9835, #493769)
• Pale Cobalt Basin color palette (#F0E3DD, #82BCCA, #007BBE, #005C44, #111550)
• Sunlit Pine Terrace color palette (#F7ECE8, #92D2D0, #0095B8, #007225, #032F56)
• Ultramarine Cabin color palette (#E8DED7, #6E9E8B, #1F52AD, #003C36, #0B0027)
• Wandering Raspberry Courtyard color palette (#F3F8E3, #74B77F, #AE82D2, #B25C98, #373932)
• Hushed Pewter Workshop color palette (#FFF3E8, #D1BA97, #B08566, #905754, #3F3D36)

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