Lagoon Harbor color palette — #DEFAE7 · #AFE4E3 · #93C9D0 · #468487 · #1F3B2E
Storm Blue takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DEFAE7): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#AFE4E3): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#93C9D0): A luminous, dusty blue — the color of deep harbor water.
- Storm Blue (#468487): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#1F3B2E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.
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
- Ancient Cerulean Balcony color palette (#DDF9EE, #DBDDF1, #C9BFEC, #4C8EA4, #193830)
- Timeworn Studio color palette (#E5F6F2, #F0D3CE, #D7B1A3, #678F80, #433744)
- Lagoon Ridge color palette (#E8F8FF, #D4D9ED, #D6B7DC, #3E8A75, #335466)
- Sunlit Periwinkle Boulevard color palette (#E0F2FF, #ABD5FF, #8AA5F4, #006B8A, #001F3A)
- Weathered Lantern color palette (#CCEADD, #5C9ED0, #4073C4, #003F4C, #00070E)
- Timeworn Denim color palette (#E5F7F0, #91C19C, #1C5B80, #022A42, #01100B)
- Hushed Pier color palette (#FFEBFA, #E4D2EA, #C1A3F0, #4C77B4, #381B2F)
- Antique Stone color palette (#E5FDE8, #BEE7EA, #D2C5C5, #A7B88F, #304C3D)
Browse the whole catalog at Explore, or see today's palette.