Lagoon Summit color palette — #F2F8EB · #309E77 · #006F83 · #2F457D · #343D0E

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

The five colors

• Ivory (#F2F8EB): bright and airy, almost weightless.
• Fern (#309E77): A luminous, balanced teal — the color of sea glass.
• Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2F457D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#343D0E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Moss Quarry color palette (#F7F6E6, #769634, #00755D, #005162, #502F04)
• Dusty Aubergine color palette (#DBEFD8, #007F7A, #00507C, #3D0081, #002D0C)
• Gentle Petrol color palette (#EFF8EF, #009C9D, #006A9F, #453E78, #4E2848)
• Worn Teal Corridor color palette (#B8EDDA, #47BDA9, #008F85, #006463, #14464E)
• Sunlit Pier color palette (#ECF9F1, #2D96B2, #495AB2, #613464, #004239)
• Mint Archive color palette (#F3F8E6, #C5F396, #6AC97B, #009D7D, #3C3F38)
• Faded Moss color palette (#F3F4E0, #64A040, #4F609E, #5D2E4E, #360F11)
• Softworn Workshop color palette (#DFFEEE, #008BAF, #3D2FE2, #650D6F, #003A2E)

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