Hushed Cocoa color palette — #FFF2EE · #E0DBCE · #9EBDD0 · #B99296 · #7D3F24

Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Ash (#9EBDD0): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#B99296): A luminous, dusty red — the color of late-summer berries.
• Bronze (#7D3F24): A full-bodied, balanced orange — the color of autumn markets.

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

• Antique Cabin color palette (#FDF0FF, #E8D7D8, #A7BED1, #BFA0BA, #584954)
• Chestnut Quarry color palette (#FFF3E8, #DDE2C9, #B4D2B0, #CA9D8E, #6C4900)
• Softworn Lantern color palette (#FEF3E5, #D7C9AB, #AF9778, #9E6638, #524800)
• Cocoa Loft color palette (#FFF2EC, #DD9687, #7A9ECA, #7F70A3, #632A04)
• Weathered Study color palette (#FFF2EC, #E0DEC4, #C9CC75, #C2628A, #643C19)
• Weathered Bronze Harbor color palette (#FBF3EF, #E1CFAA, #A86E42, #733D0C, #342920)
• Tempered Mulberry Coast color palette (#F7E0DF, #CA9676, #938C22, #832D5C, #1E0500)
• Lime Terrace color palette (#F0E3C9, #A7B95A, #38A990, #873D00, #1A1B00)

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