Lagoon Coast color palette — #E6F6F4 · #90C1A2 · #308769 · #355F4D · #142C2B

A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6F6F4): bright and airy, almost weightless.
• Mint Leaf (#90C1A2): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#308769): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#355F4D): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#142C2B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Lagoon Coast 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

• Driftwood Basin color palette (#ECF4F0, #A0CFC1, #728C63, #4B695D, #223630)
• Washed Hollow color palette (#E3F6F6, #73AE98, #007565, #135050, #002123)
• Dusty Market color palette (#E1F7F7, #69B693, #578DE0, #007752, #142745)
• Aged Lagoon color palette (#CCFCFF, #89D3B1, #008C69, #004C36, #001A11)
• Washed Emerald Market color palette (#B6ECE0, #90BE7A, #339530, #0C642E, #003031)
• Ancient Olive color palette (#E8F6ED, #B6B787, #6F7D38, #6C4958, #192C24)
• Bronze Station color palette (#F4F7E8, #A1D2B3, #57A084, #857026, #3A4A00)
• Cobalt Coast color palette (#DAF9FB, #21A482, #0089C0, #766D12, #002426)

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