Softworn Lagoon Pier color palette — #E7F6ED · #8DBFB3 · #4E8262 · #52516F · #0A2E27

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Mint Leaf (#8DBFB3): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4E8262): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#52516F): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#0A2E27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn 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

• Stone Pier color palette (#EAF4F2, #A1CDCE, #628A94, #665D70, #1B3637)
• Worn Cypress Loft color palette (#E2F8EE, #76ACA5, #2B735C, #563B59, #00221F)
• Weathered Balcony color palette (#EDF8F4, #91B9AE, #607D56, #7D4B3A, #294A42)
• Softworn Cerulean Parlor color palette (#F9EEF4, #C5E1F2, #6492BF, #006D69, #1F2C44)
• Tempered Basalt Balcony color palette (#F8F5EC, #C8C7A0, #6B9C7F, #7C6791, #484500)
• Bronze Thicket color palette (#F7F5EC, #CDE8C3, #83AA7B, #A2663E, #393932)
• Forest Market color palette (#D2E4DA, #7E9765, #01663B, #542937, #001712)
• Pine Cabin color palette (#D7EBE4, #418A58, #005043, #47191A, #000B03)

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