Lagoon Harbor color palette — #F9F3F8 · #D5D4E2 · #9DD3F9 · #64A184 · #434E5F
Built around Eucalyptus, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Silver (#D5D4E2): a clean, paper-quiet neutral.
- Sky (#9DD3F9): A whisper-light, dusty blue — the color of open sky before noon.
- Eucalyptus (#64A184): A luminous, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#434E5F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Aged Teal color palette (#F9F4ED, #BDE4EE, #A5D3BB, #72B0A6, #365148)
- Washed Lagoon color palette (#FBF3F0, #CCE6E2, #7BA392, #477A6B, #5F4A61)
- Muted Cypress Veranda color palette (#EBF4F2, #CDDDF2, #7BA3B7, #3A7676, #213948)
- Aqua Alley color palette (#F5F4FF, #E6B8F5, #55D2C4, #63B3A8, #383549)
- Aged Stone Bloom color palette (#F6F3FF, #EDD7DE, #B2C1B7, #B7ADD6, #534B5C)
- Denim Quarry color palette (#EFDFE9, #59AFC8, #005892, #002C21, #01000A)
- Worn Stone color palette (#FEF1F9, #EDD4D0, #D89E8B, #87718E, #36433B)
- Seafoam Market color palette (#F4F4FF, #FBD0E6, #7CE2C4, #AF89BF, #2B4D50)
Browse the whole catalog at Explore, or see today's palette.