Hushed Cocoa color palette — #FBF4EB · #D7C9AF · #AF9775 · #8D6E48 · #5B4400

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Oat (#D7C9AF): A whisper-light, dusty gold — the color of old brass.
• Taupe (#AF9775): A luminous, dusty gold — the color of old brass.
• Walnut (#8D6E48): A full-bodied, dusty gold — the color of old brass.
• Bronze (#5B4400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Bronze color palette (#FEF3E6, #CEBB9B, #AB8954, #8B5E28, #403D36)
• Dusty Delta color palette (#EFDFCF, #A88657, #895200, #5E2F00, #1F1400)
• Mustard Cabin color palette (#EEDDB4, #ACAA41, #887800, #664F00, #272C00)
• Tempered Bone Meadow color palette (#ECF9EE, #BCEAC8, #96B99C, #6D806C, #34433B)
• Bronze Thicket color palette (#F7F6E6, #A0B384, #C98591, #AF6442, #3E3D36)
• Timeworn Pier color palette (#F1DACB, #C69170, #AA572F, #8C1F00, #381C00)
• Muted Bronze color palette (#F5E6C9, #7B7026, #544300, #312100, #040400)
• Cerulean Bloom color palette (#F0F7F3, #B5DCC6, #7B9CD7, #009BBE, #352934)

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