Lagoon Harbor color palette — #EAF5F0 · #97D0C9 · #5C8F7C · #6B5B6C · #243533

Fern and Pistachio set the tone — five colors that lean into sophistication and grounding.

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Pistachio (#97D0C9): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5C8F7C): A luminous, dusty teal — the color of glacier melt.
• Graphite (#6B5B6C): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Forest (#243533): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Muted Stone color palette (#ECF5EB, #CBC594, #788A62, #566755, #27352D)
• Tempered Petrol Chapel color palette (#F8EFF2, #DAD0E2, #8C9BC3, #3B757F, #303549)
• Timeworn Courtyard color palette (#D1FCF7, #ADDDA6, #66925D, #2D5536, #002624)
• Patina Stone color palette (#E2F7F2, #9FC07C, #B08CC2, #617C41, #302D47)
• Jade Station color palette (#DFF8F3, #2EC390, #007B77, #6A3F35, #00281A)
• Washed Powder Meadow color palette (#DDF9F2, #BDE5FA, #B9B7DE, #799D89, #293A38)
• Dusty Jade color palette (#D8FAF4, #76AE61, #9D80B1, #8F6992, #162C28)
• Worn Lantern color palette (#C7EFE4, #00B16D, #006A60, #30460C, #001C0D)

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