Lagoon Harbor color palette — #F9F3F7 · #D6D4E2 · #B3C4EE · #58A192 · #3B4F68

Built around Eucalyptus, softened by Sky — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E2): bright and airy, almost weightless.
• Sky (#B3C4EE): A whisper-light, dusty violet — the color of wild irises.
• Eucalyptus (#58A192): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#3B4F68): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication, Softness, Clarity. 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

• Patina Powder color palette (#F5F6EF, #C8E8E5, #85D3F0, #65B0B5, #42584F)
• Ash Atelier color palette (#EAF4F3, #CFDCF1, #77A3BC, #467281, #253946)
• Teal Ridge color palette (#FBF1FF, #F3B9CB, #A2C795, #3CB8AA, #413248)
• Stone Field color palette (#F8F2FF, #ECD6DD, #B5B7AB, #BFA7D4, #5A4D5F)
• Washed Dune color palette (#EADCE4, #82A8BF, #005795, #002B2A, #00000B)
• Softworn Cobalt Alley color palette (#FEF1FB, #8FDAE7, #0085B3, #005343, #000C21)
• Worn Iris color palette (#FDF2F5, #D9DDF9, #718CE4, #006876, #201341)
• Stone Bloom color palette (#FEF1F8, #ECD4D0, #D1A28D, #8C6F8B, #314537)

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