Lagoon Pier color palette — #FFF0F7 · #A6AE6D · #2F8971 · #75476B · #324E49

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sage (#A6AE6D): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#2F8971): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#75476B): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal (#324E49): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Lagoon Pier 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 Olive Corridor color palette (#ECFAEB, #CA9E74, #6E7F46, #59527E, #3A4D3F)
• Tempered Cerulean Garden color palette (#FFF0FB, #73B998, #0084A2, #7C4948, #364C50)
• Antique Mint color palette (#F7F2DE, #8CBB72, #4D8765, #29586D, #2C2E1D)
• Driftwood Workshop color palette (#EEF8F1, #A8C9BE, #658C6A, #556C5D, #3D524B)
• Ash Courtyard color palette (#FBF3F6, #D9DEEF, #819AC4, #3E797E, #4B5265)
• Moss Terrace color palette (#FFF0F9, #4CA41D, #006E6F, #7A154A, #123F2A)
• Worn Pine color palette (#E2F7F4, #4C8E53, #1F4348, #1A2D2B, #0E1718)
• Seafoam Loft color palette (#ECF8F5, #C2ECCB, #95E497, #58B0BA, #2D4847)

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