Lagoon Harbor color palette — #D0E3ED · #009095 · #00667D · #004060 · #000102
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D0E3ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#009095): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00667D): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004060): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication. Tagged candy, vibrant, 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
- Muted Meadow color palette (#D1EAE5, #008A8B, #00444A, #00201B, #000202)
- Worn Pine Lagoon color palette (#CCF3E5, #00914F, #006951, #004545, #000201)
- Sunlit Nightshade color palette (#D7E8FB, #007CA7, #5451AD, #282997, #000105)
- Denim Grove color palette (#DFF3FF, #32639C, #27356E, #250922, #080003)
- Nightshade Alley color palette (#BDE8FF, #00B58F, #008A9E, #4F2EB3, #000103)
- Ultramarine Station color palette (#E0ECFF, #007ED5, #1939E4, #3C1383, #01000A)
- Deep Grove color palette (#D7E8FE, #0046A1, #00482D, #001B48, #000201)
- Washed Bloom color palette (#D7ECFF, #19CCF9, #00A1E5, #3C6BC4, #000F1F)
Browse the whole catalog at Explore, or see today's palette.