Hushed Cocoa color palette — #FFF2EB · #BBA288 · #936556 · #773D4C · #403D36

A conversation between Coffee and Walnut, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#BBA288): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#936556): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#773D4C): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Warmth, Comfort, 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

• Basalt Field color palette (#FEF4E2, #AEA88B, #837043, #734526, #3D4100)
• Hushed Coast color palette (#FDECF7, #C79EB0, #A1634C, #6B3D3B, #172816)
• Hushed Garnet color palette (#F5E4D9, #AA9274, #90502E, #762031, #33302A)
• Wandering Amber color palette (#FFF2EB, #DBB697, #C37A5E, #96553B, #563500)
• Aged Garnet color palette (#FEF2F0, #9EB890, #783B4D, #4D192B, #2E1D1A)
• Hushed Orchard color palette (#FFF0FA, #F6C696, #D69C8B, #977D9F, #304236)
• Muted Mulberry color palette (#FDF3F0, #D89BA5, #6D7600, #A22E4D, #29240D)
• Ancient Lantern color palette (#FFF2ED, #AF6C66, #557E45, #1D548E, #38312E)

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