Lagoon Coast color palette — #F9F3F7 · #D3D6EB · #78BDD1 · #539774 · #3B566B

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D3D6EB): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#78BDD1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#539774): A luminous, balanced teal — the color of glacier melt.
• Peacock (#3B566B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Muted Lagoon color palette (#EEF8F5, #D0E0EF, #98D3D8, #77AFA4, #3F5661)
• Washed Terrace color palette (#EBF8F6, #9AD1C6, #D39CCD, #689D4A, #504766)
• Denim Coast color palette (#EBE2E9, #5A9FA9, #006180, #003D2F, #000919)
• Wandering Azure color palette (#FCF1F9, #B9E2F8, #48A4E2, #008477, #263E6E)
• Dusty Forest Workshop color palette (#EDE1E8, #7DBFBC, #008397, #005D33, #002334)
• Pine Summit color palette (#DDFFE8, #CDD09F, #86AF71, #498552, #27565A)
• Tempered Cobalt Lantern color palette (#F6EBF0, #9BCCE4, #468AD0, #006C6A, #1F275D)
• Pine Lantern color palette (#DDFDFC, #A9E2E1, #79AF82, #2C7647, #1A4125)

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