Lagoon Harbor color palette — #DEE0D3 · #70B994 · #009380 · #4A6F44 · #002113

Fern takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#DEE0D3): bright and airy, almost weightless.
• Jade (#70B994): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009380): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#4A6F44): A full-bodied, dusty green — the color of a quiet forest floor.
• Ink (#002113): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, 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

• Quiet Station color palette (#EBE6D5, #90B563, #009936, #67672D, #1E1C00)
• Timeworn Jade Pier color palette (#F3F1DE, #4BA77B, #006F6F, #3C4C00, #151F00)
• Softworn Thicket color palette (#E3E7D6, #77CEAE, #00A79B, #388093, #222D13)
• Worn Atelier color palette (#EDE4D5, #85CCE1, #009ED7, #007D7B, #00213C)
• Worn Emerald color palette (#EAE8D5, #4D9D56, #007451, #005354, #000901)
• Washed Moss color palette (#F4EBD0, #AECE6B, #29B51D, #0C8F76, #263400)
• Misty Field color palette (#F7EEDC, #989E4A, #508000, #006646, #101100)
• Weathered Lagoon color palette (#DCEEEC, #3A8A65, #00503E, #003412, #000B04)

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