Hushed Cocoa color palette — #FFF2ED · #E0D9CE · #DCAEA4 · #93B5AE · #7F4223

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Rosewood Mist (#DCAEA4): A luminous, dusty orange — the color of toasted spice.
• Ash (#93B5AE): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7F4223): 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

• Softworn Cocoa color palette (#FFF3E4, #E7D7BF, #C8B296, #A48E77, #5D4300)
• Aged Stone Terrace color palette (#FBF1FD, #C1EDF9, #E8D7D8, #CDA5C7, #584955)
• Aged Bronze color palette (#FDF3EC, #F6D9B6, #C19377, #955E2F, #34291F)
• Muted Periwinkle color palette (#FFF2EF, #EDADBB, #78AEE0, #807DB3, #473133)
• Brick Cabin color palette (#F8D9D3, #DA9578, #A88E3C, #AE4151, #1B0300)
• Moss Orchard color palette (#F2E9D4, #BCC375, #8AB24A, #8F6B00, #1D1C00)
• Powdered Celadon Garden color palette (#76FFF2, #BBEF92, #FFC985, #726C66, #352E26)
• Gentle Chartreuse Basin color palette (#F8F8BA, #D8F18C, #9CE98C, #B89823, #343900)

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