Lagoon Pier color palette — #E7F1E1 · #2D9683 · #304033 · #1A2017 · #0B0D07

Fern takes the lead with Forest close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E7F1E1): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#2D9683): A luminous, balanced teal — the color of glacier melt.
• Forest (#304033): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1A2017): a grounded near-black with real depth.
• Ink (#0B0D07): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Teal Lagoon color palette (#E3F6F9, #48B09B, #475C64, #253C40, #1B2323)
• Twilit Cypress color palette (#E3EFE4, #007A7F, #002F3D, #001604, #010500)
• Turquoise Studio color palette (#E1F9EB, #5AA9C0, #AF7A9D, #827943, #172D21)
• Tempered Fern color palette (#F2F2E9, #BFC8A6, #79896B, #686518, #30322B)
• Taupe Lantern color palette (#E6F7EB, #72C1D2, #CC8879, #2C7E8E, #362F2C)
• Charred Spruce Cabin color palette (#E4F1E2, #4E4E57, #00312F, #071719, #000304)
• Weathered Grove color palette (#EAF8DB, #BCD0BA, #81968C, #806161, #523E37)
• Twilit Market color palette (#EBE1EC, #00356C, #11151B, #050120, #000105)

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