Lagoon Coast color palette — #F1F7F2 · #D0E2F2 · #80BDC7 · #4C977D · #3D5665
A conversation between Fern and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#D0E2F2): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#80BDC7): A luminous, dusty blue — the color of deep harbor water.
- Fern (#4C977D): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#3D5665): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: 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
- Turquoise Lagoon color palette (#F8F3F8, #D1E2F2, #62A4BB, #527A56, #445466)
- Muted Parlor color palette (#E6FAF7, #C7E4F4, #B9B6C5, #97A873, #3A5050)
- Ancient Denim color palette (#D6E3D8, #639EA4, #006278, #003C34, #000B13)
- Moss Field color palette (#ECF8F6, #B1CEA7, #CAA1CD, #609F49, #5F4161)
- Pine Hollow color palette (#DBFFED, #C7D2A2, #88AA6D, #4A8D52, #235758)
- Worn Cobalt color palette (#E9F1EA, #A0CBE5, #3B8EC6, #006B71, #0B2D59)
- Worn Basin color palette (#DDFDFA, #B0E8E3, #77B286, #317545, #1D4527)
- Bronze Balcony color palette (#FDF1F5, #BBD2BE, #B69473, #976850, #394D41)
Browse the whole catalog at Explore, or see today's palette.