Lagoon Pier color palette — #F3F7EB · #98E2C7 · #00A08C · #3C6983 · #212C16

Fern and Lagoon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Lagoon (#98E2C7): A whisper-light, balanced teal — the color of shallow lagoons.
• Fern (#00A08C): A luminous, balanced teal — the color of glacier melt.
• Peacock (#3C6983): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#212C16): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, 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

• Washed Moss Villa color palette (#FAF5E4, #C9D7AA, #749656, #326F6A, #2D280A)
• Timeworn Mint Harbor color palette (#F2F8E9, #6FD1B0, #008A78, #654C1B, #101D00)
• Hazy Jade color palette (#F4F8E2, #92F0BB, #00AB82, #876336, #083822)
• Cypress Drift color palette (#E2F7F3, #73ACAC, #277364, #384567, #002122)
• Dusty Garden color palette (#F3F7EC, #BFE1F3, #63ADEB, #007A9A, #162F4D)
• Teal Lagoon color palette (#F7F6E8, #96DDA9, #41B6A0, #A3757D, #35362F)
• Hushed Cypress Lagoon color palette (#FAF5E6, #81A77C, #257161, #673E39, #35362F)
• Patina Lantern color palette (#FBF5E3, #CFD69D, #7C953C, #905034, #2E280F)

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