Lagoon Harbor color palette — #D3F8EE · #209C7C · #006866 · #223C76 · #00383E
Built around Fern, softened by Navy — the whole palette hums with creativity and calm.
The five colors
- Honeydew (#D3F8EE): A whisper-light, dusty teal — the color of sea glass.
- Fern (#209C7C): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006866): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#223C76): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Teal (#00383E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Creativity, Calm, Balance. Tagged retro, 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
- Aubergine Garden color palette (#D2F7F3, #0097A5, #006383, #4A2D74, #003741)
- Worn Cerulean Terrace color palette (#EDF8F6, #A1CCE1, #2085A0, #005F63, #183F55)
- Timeworn Loft color palette (#E4FBF8, #74A987, #247257, #235450, #193C3B)
- Navy Study color palette (#DAE6D3, #00766A, #00464C, #1A036D, #001B1A)
- Teal Study color palette (#DEFCFF, #7DD9A0, #00C4A2, #008C94, #003A35)
- Pale Veranda color palette (#F8E2F0, #5C9B63, #006870, #6D0425, #001E14)
- Weathered Mulberry color palette (#FFEADF, #70B574, #008891, #991C37, #2E322B)
- Turquoise Dune color palette (#E6FAF9, #6FB2D0, #547AA3, #6A4D6E, #354A5B)
Browse the whole catalog at Explore, or see today's palette.