Lagoon Harbor color palette — #EFF8F1 · #A6CABE · #558C8B · #556D5A · #3D524C
Built around Storm Blue, softened by Stone — the whole palette hums with sophistication and grounding.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Stone (#A6CABE): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#558C8B): A luminous, dusty teal — the color of shallow lagoons.
- Graphite (#556D5A): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#3D524C): A full-bodied, dusty teal — the color of sea glass.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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 Lagoon Loft color palette (#E6F9FF, #8DD2D4, #428D91, #005957, #003F44)
- Olive Delta color palette (#FFF1F5, #95B9A7, #5B7F51, #36616E, #32483D)
- Cypress Thicket color palette (#E7F9FC, #76C0B0, #C8828C, #038573, #5A445D)
- Hushed Ash color palette (#FBF2F6, #D9DEEF, #8699C2, #437884, #4D5168)
- Hushed Dune color palette (#D1ECE2, #639A78, #00625E, #3B421A, #01321A)
- Aged Cypress color palette (#E8FAF1, #84B085, #007B6A, #565314, #1E4520)
- Driftwood Ridge color palette (#F6F2E7, #C7C4AB, #838941, #765E0F, #32312A)
- Timeworn Lantern color palette (#E6F9FF, #5AA6A8, #B37484, #9D5D4D, #30464D)
Browse the whole catalog at Explore, or see today's palette.