Lagoon Harbor color palette — #DFECDA · #00897C · #00426B · #003B34 · #000503

Fern takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DFECDA): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00897C): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#00426B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003B34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

• Navy Lagoon color palette (#D2E4D4, #00878E, #052E9D, #003A3D, #000118)
• Washed Olive Quarry color palette (#E3E4D0, #478A00, #004947, #1B3B00, #000404)
• Hushed Chapel color palette (#F8E4C4, #007382, #003E71, #4B000C, #001923)
• Airy Lapis Corridor color palette (#E2F8EA, #009FBB, #470BE1, #004F5E, #0C0A30)
• Onyx Hollow color palette (#D5F8F9, #00859A, #005074, #002750, #080046)
• Wandering Abyss Delta color palette (#E1E8E2, #AEBDB5, #79958D, #004E55, #152318)
• Deep Studio color palette (#D9F1E8, #00628E, #370064, #002032, #03000A)
• Aubergine Workshop color palette (#D9E9D6, #00504A, #52004D, #2B0E00, #040B00)

Browse the whole catalog at Explore, or see today's palette.