Lagoon Summit color palette — #B6ECE4 · #7DC09B · #009585 · #006567 · #244663

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

The five colors

• Sea Foam (#B6ECE4): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#7DC09B): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009585): A luminous, balanced teal — the color of sea glass.
• Peacock (#006567): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#244663): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Aged Coast color palette (#B5F0F2, #66D6B6, #00A891, #008076, #1A4D59)
• Pine Thicket color palette (#BFF0D9, #8EB073, #428A3F, #006749, #00514B)
• Muted Petrol color palette (#DCFDFF, #87C7C2, #2893A7, #076B92, #3B546E)
• Coral Coast color palette (#E6F9FD, #56B1A9, #C16C7F, #00756E, #5F333D)
• Muted Lagoon Lantern color palette (#E4FAFE, #D5DBE9, #B6C4FB, #598E65, #37515C)
• Pale Workshop color palette (#CCEAEB, #00B0CF, #0073A5, #004F8D, #293679)
• Pale Brick color palette (#E6F9FF, #059BA0, #B75772, #AA423F, #1A3D47)
• Cypress Pier color palette (#CBEBE7, #006A75, #003746, #00182C, #00071C)

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