Lagoon Lagoon color palette — #F1F7F2 · #D5DFEF · #88B9D0 · #2C9991 · #3F5569

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D5DFEF): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#88B9D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#2C9991): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3F5569): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Alley color palette (#F9F3F7, #D5E1F3, #62A0CD, #427C64, #485366)
• Ancient Teal Terrace color palette (#F1F5FF, #ABACDB, #D29379, #5AA384, #3B4255)
• Petrol Dune color palette (#E0E9E2, #77BEC9, #0081A1, #005A51, #002235)
• Weathered Thicket color palette (#FCF3EF, #C1E3ED, #A3CCEC, #98A983, #5F4B5B)
• Muted Market color palette (#D7E6DA, #7198B0, #005E8B, #003B3D, #00091B)
• Cobalt Basin color palette (#E8F1EA, #ACC8E2, #5D86CC, #006880, #242856)
• Periwinkle Delta color palette (#F0F8F1, #BDE0FB, #3FA0FA, #008090, #263C73)
• Weathered Cobalt color palette (#EDF6FF, #A6C7F2, #859DE1, #6B6FB7, #464A69)

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