Lagoon Delta color palette — #F5F1E8 · #C4C6AB · #5A8F7F · #4B695D · #31322B

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

The five colors

• Cream (#F5F1E8): bright and airy, almost weightless.
• Pistachio (#C4C6AB): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5A8F7F): A luminous, dusty teal — the color of sea glass.
• Pine (#4B695D): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#31322B): quiet, heavy and certain.

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

Use it as a design system

One click turns Lagoon Delta 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

• Dusty Hollow color palette (#F7F1E9, #CDC39F, #818943, #77585B, #33312A)
• Worn Cypress Basin color palette (#F8F0EC, #C9E3E1, #7EA0C1, #397966, #452D3E)
• Hushed Pier color palette (#F6F6EC, #BEC4AD, #768865, #526E57, #485407)
• Softworn Ash Field color palette (#EFF8F2, #B8D9D2, #6EA7AB, #618298, #3B534E)
• Lowlit Pine color palette (#E7DFCB, #49753E, #004033, #3C031C, #000400)
• Weathered Pine Station color palette (#FDEFE0, #ACA077, #457144, #5F3A41, #231B00)
• Weathered Courtyard color palette (#FFEBF7, #9494D7, #89945B, #757E50, #33212C)
• Cobalt Pier color palette (#CDF8E4, #96BCEB, #737DB6, #5B4B7E, #4E3037)

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