Gentle Lagoon color palette — #F4F7EC · #009A6C · #7A557F · #5F3E64 · #5B2600

Fern and Espresso set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Fern (#009A6C): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#7A557F): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#5F3E64): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#5B2600): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Antique Emerald Workshop color palette (#F3F7EA, #4C9D65, #486491, #314A72, #502100)
• Lagoon Thicket color palette (#F0F8EE, #299E82, #93515B, #6B443A, #3A342F)
• Aged Pewter Hollow color palette (#EAF5ED, #A58F56, #8C5D85, #6E3C45, #25151D)
• Jade Terrace color palette (#FFF2EE, #77B98B, #3D809E, #774B51, #404C3C)
• Muted Archive color palette (#F4F6EE, #D2DEDA, #A6ACB8, #798B47, #52534E)
• Hushed Workshop color palette (#E7FAF4, #0079B0, #863D55, #68293E, #2C2D16)
• Patina Pewter Parlor color palette (#F9F5EB, #ACA167, #9E7393, #985A5E, #37312C)
• Aubergine Pier color palette (#E1FEE5, #007673, #850D9A, #5F096F, #302200)

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