Lagoon Pier color palette — #FFF4CD · #99BD89 · #00886B · #00585E · #004067

Built around Fern, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Custard (#FFF4CD): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#99BD89): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00886B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#004067): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

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

• Weathered Olive color palette (#FFECDA, #ACAC77, #5A8744, #00614D, #00464C)
• Tempered Navy color palette (#E5FCCE, #7FBAA3, #008184, #005681, #2C2A80)
• Airy Lantern color palette (#D8F9D0, #8BD3AB, #00A58C, #007574, #004955)
• Tempered Celadon color palette (#F9F8BC, #A6E998, #51C8A8, #268DA5, #00436F)
• Garnet Studio color palette (#FCF0FF, #8DA161, #00797D, #7D2F43, #1A4543)
• Chalky Navy color palette (#E5E8D8, #38B262, #007270, #00415A, #03007B)
• Muted Coast color palette (#EFF7F6, #D3DDE3, #B8C1CF, #55824A, #3E4B49)
• Worn Courtyard color palette (#E6FDE5, #95BEB2, #608A98, #7A5A3D, #3B563B)

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