Lagoon Pier color palette — #F7F6E8 · #A4BE94 · #5A9059 · #805C16 · #36362F

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

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Sage (#A4BE94): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5A9059): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#805C16): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#36362F): a grounded near-black with real depth.

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

• Airy Lantern color palette (#F7F7E1, #90CD8E, #499A66, #587244, #254325)
• Olive Field color palette (#F4EAD4, #AEB15D, #6D8200, #685B00, #303000)
• Ancient Bloom color palette (#E4E7D3, #6FB789, #258462, #3E5F3D, #252D09)
• Wandering Delta color palette (#F2EFDC, #9AB45B, #D6756D, #647D00, #5A1F1C)
• Antique Workshop color palette (#F7F5ED, #D7D2B3, #9F9E76, #8F7C34, #584E00)
• Aged Cypress Boulevard color palette (#F9F6E5, #999F7C, #16735C, #73343C, #35362F)
• Hushed Moss Study color palette (#E8E7C7, #76A641, #009D9F, #AA6400, #2F2D03)
• Pale Emerald Bloom color palette (#DDFFD9, #93D08D, #4D9346, #135D12, #032D03)

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