Lagoon Lagoon color palette — #ECF9F2 · #ABBD85 · #658C5F · #486782 · #113E33

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sage (#ABBD85): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#658C5F): A full-bodied, dusty green — the color of a quiet forest floor.
• Slate (#486782): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#113E33): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Ancient Garden color palette (#E7FBEF, #B2C575, #62974F, #7D5A84, #363F14)
• Wandering Lagoon color palette (#ECF8F4, #9FCFC9, #5F9F81, #61738E, #244A46)
• Emerald Archive color palette (#FBF5E3, #C7D8A7, #619B58, #3E6E61, #2B2813)
• Worn Jade Parlor color palette (#D6EAE1, #8FB26F, #448151, #70436B, #003129)
• Fern Courtyard color palette (#FFF1F6, #7EA590, #4D6D3C, #5F3D5F, #3C360B)
• Wandering Jade color palette (#FFF3E7, #D3CC8E, #7DB167, #9A759B, #38352E)
• Aged Balcony color palette (#F0F8F1, #B3DCEA, #46A4B9, #007E68, #004158)
• Frosted Pine color palette (#D9F3E8, #7A9F62, #1A733D, #214672, #0D2000)

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