Lagoon Lagoon color palette — #F0F8EB · #91E8D1 · #F59FAB · #00A186 · #562830

Built around Fern, softened by Ballet Pink — the whole palette hums with balance.

The five colors

• Ivory (#F0F8EB): bright and airy, almost weightless.
• Lagoon (#91E8D1): A whisper-light, balanced teal — the color of shallow lagoons.
• Ballet Pink (#F59FAB): A luminous, balanced red — the color of late-summer berries.
• Fern (#00A186): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#562830): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Balance. Tagged light.

Use it as a design system

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

• Linen Emerald color palette (#F4F7E8, #ABE6B1, #DFA3DB, #27A448, #4D294B)
• Apricot Loft color palette (#E8FAF1, #92E1FF, #F8A466, #0098BF, #572B02)
• Washed Parlor color palette (#EAFAF0, #C9E4FF, #FDB7B4, #1AABCA, #4C4441)
• Jade Basin color palette (#ECFAE8, #C0E9E4, #CEC2C6, #7EAF81, #3C5040)
• Teal Courtyard color palette (#E8F9FC, #79E1D3, #B2B6FF, #00B7A7, #3C3E65)
• Blush Orchard color palette (#E8FCE4, #65D0C4, #E988A7, #D0717E, #1F311A)
• Teal Pier color palette (#E0FBFF, #32B6A2, #BF6C86, #007667, #4D3A55)
• Weathered Bronze Terrace color palette (#F9F5E7, #E1E0B6, #A2A16E, #86641F, #31332C)

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