Hushed Coast color palette — #F8F0EE · #DFD6CE · #CDBBA6 · #996272 · #342927

Built around Mocha, softened by Stone — the whole palette hums with sophistication.

The five colors

• Cream (#F8F0EE): a clean, paper-quiet neutral.
• Bone (#DFD6CE): a clean, paper-quiet neutral.
• Stone (#CDBBA6): A luminous, dusty gold — the color of old brass.
• Mocha (#996272): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#342927): quiet, heavy and certain.

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

Use it as a design system

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

• Worn Bronze Quarry color palette (#F9F0E9, #DBD8C3, #CFBCA3, #A25202, #2F2217)
• Patina Coast color palette (#F7F3FB, #E3D7DA, #CCBABB, #7E6B8C, #4B454F)
• Amber Atelier color palette (#FFEDE8, #FACEC7, #FFA4AA, #C7704E, #381F14)
• Timeworn Garnet Studio color palette (#ECE3E0, #AF9B94, #A06D61, #690023, #0B0201)
• Rust Atelier color palette (#FCE6DC, #B3544D, #502200, #21110A, #0B0503)
• Pine Courtyard color palette (#F3F3E6, #9EBE96, #418650, #7B4614, #282912)
• Hushed Basalt color palette (#F3EEE6, #BAB2A1, #958D71, #554000, #110900)
• Brick Coast color palette (#FCEEE9, #E2CFC6, #CE9F8C, #AC0025, #26150F)

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