Lagoon Coast color palette — #F3F7F0 · #D1DFD9 · #A3B6B8 · #399E83 · #2B3027

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

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Silver (#D1DFD9): a clean, paper-quiet neutral.
• Ash (#A3B6B8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#399E83): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#2B3027): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Ash Parlor color palette (#F1F7F1, #D2DCDA, #AFB0BF, #6FAAAA, #394239)
• Washed Cerulean color palette (#E9FAEF, #C7E1E1, #A5B5D7, #008DA7, #17291F)
• Cypress Chapel color palette (#EFF7F8, #D1DBE3, #96BAC5, #00755F, #2D3E40)
• Wandering Pewter color palette (#E2FAFF, #B8DAC9, #6FA496, #756287, #56383C)
• Soft Aqua Boulevard color palette (#F6F8DE, #56CDC1, #008E9E, #474A81, #0D280F)
• Worn Driftwood color palette (#FBF5E6, #DDD0A5, #859153, #526C46, #2F270E)
• Seafoam Atelier color palette (#EAFBE9, #C0E9ED, #57FCF5, #00B7CF, #00292A)
• Abyss Station color palette (#E7F1ED, #ADBFBA, #9E8A9D, #004061, #000201)

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