Hushed Cocoa color palette — #FFF2ED · #DFD9CE · #E3ADBD · #9DB2B2 · #753C13

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#DFD9CE): bright and airy, almost weightless.
• Ballet Pink (#E3ADBD): A luminous, dusty rose — the color of pressed rose petals.
• Ash (#9DB2B2): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#753C13): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Apricot Alley color palette (#FEF4E2, #BFE4CD, #C4C1CB, #D49662, #503F00)
• Cocoa Bloom color palette (#CBFBEF, #FFE9DD, #D7CBD1, #723D09, #322821)
• Ancient Bronze color palette (#FCF4E7, #D8DEC6, #C3AA86, #A06E37, #4B3E00)
• Muted Driftwood color palette (#FFF0FE, #E8D7D8, #AFD8CE, #937F9B, #5C4D57)
• Cobalt Atelier color palette (#FEF3E9, #E4BA93, #77BACA, #6F7FB8, #36312B)
• Hushed Garnet color palette (#FFD6C1, #DCA87F, #B19232, #82012C, #030100)
• Gentle Blush Thicket color palette (#FFF2EA, #FEED7D, #DEDBCC, #F3727F, #5B391C)
• Frosted Jade color palette (#FFF4DB, #BDCC90, #3ABB6F, #784D00, #0A0900)

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