Lagoon Pier color palette — #ECF4EE · #90BFB0 · #468461 · #655228 · #052F25

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

The five colors

• Cream (#ECF4EE): a clean, paper-quiet neutral.
• Mint Leaf (#90BFB0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#468461): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#655228): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#052F25): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Tempered Olive color palette (#F8EFF4, #9EBCA4, #707C43, #226156, #172D1C)
• Ancient Cocoa color palette (#E5F6F3, #8ABEC4, #41808B, #754450, #002E32)
• Patina Garden color palette (#C1EADE, #78B88D, #008974, #005556, #003744)
• Hushed Lagoon color palette (#DDF7FF, #7DD0D3, #00858A, #004F53, #001C1F)
• Softworn Taupe Lagoon color palette (#FAF5E8, #D1E1C6, #82AB7B, #7E7843, #393932)
• Coral Drift color palette (#E4F6F8, #5BB7A1, #CC6C77, #007662, #42171E)
• Olive Villa color palette (#DFF7FC, #D2D9E9, #D6B7DE, #5E8556, #0D333D)
• Jade Harbor color palette (#D4EBE0, #60A866, #006A5D, #424100, #001D03)

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