Dusty Lagoon color palette — #F1F7F1 · #86D4D5 · #9D80BD · #009395 · #311D25

Cerulean and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Ice Blue (#86D4D5): A whisper-light, dusty teal — the color of sea glass.
• Dusty Rose (#9D80BD): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#009395): A luminous, balanced teal — the color of sea glass.
• Onyx (#311D25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Peony Lagoon color palette (#EEF8F2, #89D0EA, #C76F91, #008EB1, #331D1B)
• Emerald Delta color palette (#F5F6EB, #A5D2A3, #9182CB, #4D934C, #2F1E27)
• Timeworn Fuchsia color palette (#EBF8FB, #97FAF0, #D578C1, #009F95, #150F1F)
• Hazy Lilac color palette (#F0F7F3, #85E5FF, #B39BFF, #00B4D5, #2E1F26)
• Dusty Indigo Villa color palette (#EFF6FA, #7FB9C9, #6564B2, #006B7F, #1D2336)
• Dusty Aqua Delta color palette (#FEF5DE, #64C1D4, #847EB4, #6D642C, #20453B)
• Garnet Courtyard color palette (#C2FDFF, #81CDF2, #708DD0, #6F549D, #621D52)
• Hushed Pier color palette (#EFF7F4, #DED4D2, #A7A294, #6597B0, #3F4B45)

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