Lagoon Harbor color palette — #FBF2F6 · #D7D4DF · #99BEE9 · #3A9190 · #313F5C

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D7D4DF): bright and airy, almost weightless.
• Sky (#99BEE9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3A9190): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#313F5C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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

• Softworn Boulevard color palette (#FEF1F5, #D9D3DD, #90A4DE, #007D8E, #2F284C)
• Hushed Ash Orchard color palette (#DBFDFF, #D8E0EC, #B7ACB1, #7BB2A9, #2A4F57)
• Patina Cerulean color palette (#FEF1FA, #90DBDE, #0088A6, #005439, #000E1B)
• Denim Basin color palette (#EDE0E8, #75ACB9, #005B83, #002C25, #000105)
• Ultramarine Chapel color palette (#FBE8EF, #8BBDE3, #3962B9, #003D43, #030012)
• Cobalt Field color palette (#FBF4EE, #BCE8D4, #508DD0, #007170, #593E52)
• Pale Lagoon color palette (#DEFCFF, #8CE9CF, #F59CBA, #00A184, #552738)
• Turquoise Quarry color palette (#FFF0FA, #B1FFFC, #00ACC8, #007746, #00283C)

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