Lagoon Harbor color palette — #DCEAE7 · #44848A · #00444E · #001F1E · #000202
A conversation between Storm Blue and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DCEAE7): bright and airy, almost weightless.
- Storm Blue (#44848A): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#00444E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. 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
- Midnight Petrol Alley color palette (#C6EAF8, #006C88, #003342, #1E171B, #000A0F)
- Weathered Petrol Terrace color palette (#DBECF5, #4994B9, #30659D, #003B41, #000306)
- Muted Petrol Grove color palette (#DFECEB, #91B9D3, #0074A1, #004955, #00182A)
- Lowlit Harbor color palette (#C4E8F7, #00575F, #3F3E00, #002328, #010100)
- Twilit Corridor color palette (#D7F3FF, #00444D, #230091, #022C04, #000102)
- Cerulean Grove color palette (#E6F6F3, #9EDBEB, #0090B5, #006167, #00293A)
- Nocturne Chestnut color palette (#F7E0E7, #6C4B10, #3E2300, #1A0900, #020100)
- Wandering Lagoon color palette (#DEEFEB, #3D8684, #004448, #00201A, #000202)
Browse the whole catalog at Explore, or see today's palette.