Lagoon Coast color palette — #F4F7E9 · #ACDEBF · #499C7E · #536B4C · #232C0E

Fern and Mint set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Mint (#ACDEBF): A whisper-light, dusty teal — the color of sea glass.
• Fern (#499C7E): A luminous, balanced teal — the color of sea glass.
• Olive (#536B4C): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#232C0E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Softworn Fern color palette (#FDF4E2, #D4D497, #85905C, #67671C, #312703)
• Teal Quarry color palette (#F2F9E1, #9CECCA, #18A98F, #3E728C, #003827)
• Timeworn Taupe color palette (#F9F5EB, #C9EBC6, #96A571, #6B7D61, #3A3831)
• Frosted Emerald color palette (#F9F6DD, #A2D581, #3B943C, #006569, #102500)
• Hushed Mint color palette (#F1F8EA, #6DD0BB, #008881, #295577, #0B1E01)
• Softworn Ridge color palette (#E3F7EF, #82AD81, #00765C, #0B4F5D, #02221F)
• Worn Lagoon color palette (#E3E5D5, #418C5F, #004832, #001F28, #000200)
• Antique Fern Archive color palette (#E9E1C2, #829852, #305A00, #003330, #010100)

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