Lagoon Harbor color palette — #D5E7EA · #008874 · #294C6E · #004238 · #000204
Built around Fern, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D5E7EA): bright and airy, almost weightless.
- Fern (#008874): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#294C6E): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#004238): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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
- Muted Grove color palette (#E0F4DF, #007178, #004458, #280054, #000406)
- Nightshade Dune color palette (#E0F3FF, #0081A3, #1928B5, #003E51, #000010)
- Wandering Pine color palette (#DBF7F3, #008D29, #00514B, #004510, #000203)
- Wandering Station color palette (#D7E3E6, #92A9B1, #688C9D, #00504D, #000C0F)
- Muted Basin color palette (#C2E9F8, #00AFA4, #008893, #006081, #000608)
- Forest Summit color palette (#D8F2F3, #006C4D, #002C43, #002417, #000204)
- Tempered Emerald Villa color palette (#EBF1E4, #01A376, #006E8D, #00684A, #000204)
- Nightshade Field color palette (#DAEFFA, #006374, #0915A2, #2D003A, #000201)
Browse the whole catalog at Explore, or see today's palette.