Hushed Cocoa color palette — #FFF3E7 · #DDDCC9 · #A6BFD7 · #DBA88F · #694000

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Bone (#DDDCC9): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#A6BFD7): A luminous, dusty blue — the color of open sky before noon.
• Rosewood Mist (#DBA88F): A luminous, dusty orange — the color of autumn markets.
• Bronze (#694000): A full-bodied, balanced gold — the color of honey in a jar.

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

• Timeworn Fern Orchard color palette (#FDF5DB, #D1E4C4, #9FD3BD, #BFAE76, #5E5000)
• Washed Quarry color palette (#FFF2EA, #ECC9AD, #CFA08A, #A97B6E, #593300)
• Mustard Parlor color palette (#FCF4E6, #D9B555, #78BEA5, #C57487, #36322C)
• Blush Loft color palette (#FFF0F8, #E5FFD4, #C3F1FB, #D98F99, #583F47)
• Driftwood Veranda color palette (#FFF3E9, #E29F75, #9D92D3, #9D6195, #3B261E)
• Airy Basin color palette (#F1FCCA, #A3F4C7, #4DE4CD, #B7B254, #414139)
• Chestnut Corridor color palette (#FAF4EB, #EDD296, #A69364, #7E5C14, #29200F)
• Bronze Alley color palette (#F7EADC, #B3BA7C, #85B05D, #B26100, #201200)

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