Hushed Cocoa color palette — #FEEEE8 · #A76A67 · #5D2E00 · #33251F · #1A140F

Built around Cocoa, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FEEEE8): a clean, paper-quiet neutral.
• Mocha (#A76A67): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5D2E00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#33251F): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1A140F): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Cellar Rust color palette (#FFE7D7, #AA4500, #3E2400, #291000, #0E0600)
• Wandering Blush color palette (#F9EEF8, #F89894, #8B7380, #5B515A, #242025)
• Worn Basalt color palette (#F5EFE0, #495757, #423900, #162221, #060A00)
• Pewter Basin color palette (#FFF3E7, #B68F6A, #499990, #8466A6, #47413C)
• Chestnut Thicket color palette (#FFF2ED, #DCA794, #AC7048, #8A5102, #545049)
• Pewter Courtyard color palette (#FFF2EE, #D5C4B9, #A59684, #627A61, #36504F)
• Worn Bronze color palette (#FEF3E9, #D0A687, #57A3C9, #A55E1C, #2F5647)
• Weathered Hollow color palette (#F7F5EE, #C2C3A6, #788A46, #7E5B5E, #505100)

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