Lagoon Coast color palette — #E4F6F3 · #89BFBB · #4B8365 · #365A6B · #112D2B

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

The five colors

• Ivory (#E4F6F3): a clean, paper-quiet neutral.
• Ash (#89BFBB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4B8365): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#365A6B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#112D2B): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Driftwood Canyon color palette (#ECF4EE, #AFCBBC, #668C7D, #6A5B6C, #25352D)
• Softworn Pine Cabin color palette (#E4F7F1, #8DA984, #3A7343, #5B3B4C, #00221E)
• Patina Pine Station color palette (#FAF5E7, #B4B28A, #45825D, #615176, #494400)
• Cypress Bloom color palette (#EBF4F3, #C3E2F2, #5897B0, #0F6B72, #152F41)
• Aged Lantern color palette (#CBECEC, #35AB8C, #006A5E, #004363, #001B14)
• Taupe Hollow color palette (#EDF8F2, #B7E7EF, #7EAA8E, #717393, #1F3F38)
• Washed Pine color palette (#DAEFED, #0F7B52, #004131, #00222F, #000402)
• Dusty Pine Veranda color palette (#D5F1EC, #4E8859, #005132, #402100, #000B02)

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