Lagoon Atelier color palette — #F0F7F4 · #B5DAD5 · #76A5A9 · #5B8877 · #385350

Built around Fern, softened by Blue Fog — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#B5DAD5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#76A5A9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#5B8877): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#385350): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Tempered Terrace color palette (#EDF8F6, #B6D9DC, #72A4B4, #937286, #365355)
• Teal Cabin color palette (#D6FEFF, #93D4C3, #3FB3B2, #00849A, #3A566C)
• Cerulean Grove color palette (#E8F8FE, #8FD1D8, #DE9F98, #009FAA, #5F425B)
• Hushed Olive color palette (#F6F6EE, #C0C5A2, #648C70, #6C691E, #4D5200)
• Softworn Summit color palette (#D5ECE2, #659060, #006249, #00404B, #011501)
• Faded Lagoon color palette (#E2FCF6, #8ACBAF, #009A96, #4B7736, #094532)
• Soft Workshop color palette (#D7F2EA, #69C186, #008B79, #006481, #00381A)
• Washed Pine Hollow color palette (#D2E5DF, #47845D, #005147, #233100, #000802)

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