Hushed Lagoon color palette — #F7EFF3 · #CCD6D7 · #9C9CA5 · #9E7588 · #3C3337

Mocha and Espresso set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#CCD6D7): bright and airy, almost weightless.
• Blue Fog (#9C9CA5): a calm mid-gray that lets other colors speak.
• Mocha (#9E7588): A luminous, dusty rose — the color of strawberry cream.
• Espresso (#3C3337): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Driftwood color palette (#EDF4EF, #CED9D9, #A4B0B9, #928158, #313833)
• Patina Cream Villa color palette (#E4F9E3, #BDD6C7, #7A9891, #5E6E80, #383E4E)
• Tempered Onyx Study color palette (#EEE0E5, #849287, #557365, #3E2200, #040001)
• Antique Taupe Study color palette (#FAF4EF, #DADAD3, #ABB6AC, #BD9172, #58514C)
• Timeworn Chapel color palette (#DCE9E3, #A6B8B3, #769492, #464700, #010E08)
• Washed Cypress Drift color palette (#FDEDF2, #B8956C, #4D7E5F, #23516F, #371B38)
• Washed Chapel color palette (#E5F7E9, #D0A075, #807A48, #315670, #203121)
• Softworn Chestnut color palette (#ECF4EF, #C9DADB, #A4BDB9, #706523, #15241C)

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