Lagoon Coast color palette — #E7FAF5 · #89CDA2 · #00897B · #664362 · #001D1D

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

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#89CDA2): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#00897B): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#664362): A full-bodied, dusty pink — the color of neon signs at night.
• Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Meadow color palette (#DBFFEF, #94D886, #00946D, #70447B, #052600)
• Softworn Loft color palette (#EBFAEA, #C4BD86, #60832A, #4D4C73, #1C1900)
• Worn Thicket color palette (#EEF9ED, #D6D3A1, #78945C, #5A6180, #083020)
• Hushed Fern color palette (#EBFAEC, #AAA651, #446D1C, #3A355F, #000B05)
• Timeworn Lagoon color palette (#E7E6D4, #539E70, #006357, #562B54, #252D07)
• Teal Bloom color palette (#E0E8D7, #84CAB9, #1DA69C, #367BAD, #003129)
• Worn Lagoon Veranda color palette (#D5E7E8, #43A08A, #00635A, #003D5E, #001711)
• Frosted Lantern color palette (#FCF0FF, #FE789A, #00A89C, #B70051, #001E1B)

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