Lagoon Atelier color palette — #F9F4EE · #C0E7E0 · #73AFC4 · #338B7E · #244C65

Built around Fern, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C0E7E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#73AFC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#338B7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#244C65): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Azure Lagoon color palette (#FBF4EA, #B7DFCA, #4C9ED2, #007B7F, #1D3C60)
• Aged Cerulean color palette (#F9F4EE, #C3F0E4, #8FA5D1, #3485A1, #5C3C51)
• Aged Hollow color palette (#E4FCED, #BDE7EB, #DBC9EF, #55A4A0, #39584B)
• Antique Canyon color palette (#EBFAEF, #6CC7D8, #DB8E77, #0090A3, #48413D)
• Teal Terrace color palette (#EDE7DD, #4CA39E, #00646E, #003D2B, #000B10)
• Washed Pier color palette (#F9F3F8, #CEE3FC, #63CAFF, #65A982, #354965)
• Cobalt Atelier color palette (#ECE6DC, #84B9D9, #1577C8, #005763, #08194D)
• Feathered Grove color palette (#DEFFEB, #1AB7D8, #BF81AD, #96873C, #20402F)

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