Lagoon Garden color palette — #FBF2F5 · #D8DDFB · #96A2D2 · #198B8E · #434463

Cerulean and Mauve set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Thistle (#D8DDFB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#96A2D2): A luminous, dusty violet — the color of wild irises.
• Cerulean (#198B8E): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#434463): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Washed Coast color palette (#F9F4EF, #C3E2F6, #A2B7FF, #249394, #533442)
• Patina Lagoon color palette (#FAF2FA, #C3EDFA, #62B0CF, #52895D, #324964)
• Tempered Workshop color palette (#F8F5EF, #C8E3DB, #708BB7, #006D85, #3E456A)
• Shell Study color palette (#ECF7FF, #E1DAE4, #F9BABD, #60A2A0, #444E61)
• Timeworn Amber color palette (#EEF6FF, #71A9E5, #B99145, #7F853E, #273A4D)
• Cobalt Workshop color palette (#F5E5F0, #83BCC7, #007CB7, #005C40, #0D184D)
• Washed Denim Parlor color palette (#E8DAE1, #699AB1, #1C55A4, #003C35, #0A0028)
• Airy Fern Thicket color palette (#F3ECF3, #95D2CD, #0095B3, #326D2E, #043051)

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