Lagoon Pier color palette — #FFF3E2 · #A9BF72 · #419365 · #81565A · #37362F

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Sage (#A9BF72): A luminous, balanced green — the color of new leaves after rain.
• Fern (#419365): A full-bodied, balanced teal — the color of sea glass.
• Graphite (#81565A): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#37362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Basalt color palette (#F9F5E8, #A7D2A4, #549F8F, #8A6864, #424700)
• Ancient Jade color palette (#EDE4C9, #76B777, #008472, #6A466C, #282C0D)
• Tempered Emerald color palette (#EBF9F0, #C5D8AB, #539C69, #6A5988, #003027)
• Misty Mustard color palette (#FFE6CF, #BFAD00, #4A8A1F, #505296, #342E00)
• Misty Mallow Boulevard color palette (#FFE8E8, #FA90D2, #3FAD67, #953D77, #133F23)
• Hushed Cypress Loft color palette (#E6FAF6, #7CA87E, #35714D, #265162, #123D39)
• Weathered Sand color palette (#FFF1F3, #ECD6C8, #EEC18E, #787CAE, #523635)
• Weathered Azure color palette (#FCF3EF, #97E2F3, #4A9DD6, #1D7E5D, #4C2F47)

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