Washed Lagoon color palette — #FCF3EF · #C3E7E1 · #65B0D0 · #138F71 · #553E59

A conversation between Fern and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C3E7E1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#65B0D0): A luminous, balanced blue — the color of open sky before noon.
• Fern (#138F71): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#553E59): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Lagoon Courtyard color palette (#FAF4EF, #C6DFED, #9AB2DB, #45949A, #65485A)
• Hazy Turquoise color palette (#FFF2EC, #A2E9EF, #00ACD6, #008661, #00436E)
• Hushed Aqua Balcony color palette (#F5F6ED, #BAEDE4, #81CBDC, #5AA7A4, #314F40)
• Tempered Jade Pier color palette (#FFF1F2, #D289BB, #50AF6F, #009395, #512B2E)
• Patina Spruce Atelier color palette (#E9DFDA, #59A19C, #006372, #003E1F, #000B13)
• Softworn Cerulean Coast color palette (#F9EBE5, #A8D0B5, #0091C8, #006E5C, #102E53)
• Petrol Corridor color palette (#F7EAE3, #84AD94, #006E9F, #004B41, #001036)
• Cobalt Corridor color palette (#F0E2D7, #81BADA, #2873D0, #00595B, #171054)

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