Lagoon Harbor color palette — #F0F7F1 · #D6DFEF · #89B9D2 · #539390 · #435566

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D6DFEF): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#89B9D2): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#539390): A luminous, dusty teal — the color of sea glass.
• Peacock (#435566): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Studio color palette (#FAF2F7, #D6E0F2, #7D9DB8, #447880, #42546B)
• Teal Balcony color palette (#FAF4F0, #C8DDE4, #B2C0EA, #5FB4A5, #604A5E)
• Worn Garden color palette (#DBE8DE, #68C0D2, #0080A5, #005A54, #002238)
• Cerulean Lantern color palette (#E5F3E8, #8CD4CE, #0098A4, #006F4F, #003441)
• Washed Mallow color palette (#F9F2FF, #E296BD, #AAA95C, #5F9BB6, #483E50)
• Denim Archive color palette (#E4F6E7, #419EC4, #005D91, #003B3F, #00081E)
• Chalky Drift color palette (#E7FBEB, #9BD1FF, #4A89F1, #006F87, #24296C)
• Wandering Oat color palette (#FFF0F8, #E9C29F, #B58EA3, #846B7F, #3E4C3F)

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