Hushed Cocoa color palette — #FFF2E9 · #E8CAB0 · #D49F81 · #AC7B69 · #573400

A conversation between Cocoa and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#E8CAB0): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D49F81): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AC7B69): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Worn Taupe color palette (#FCF5E3, #DDD0A7, #B7AE76, #97865A, #3F3D36)
• Timeworn Driftwood Corridor color palette (#FFF2EA, #D6B896, #B58267, #8B5A58, #403D36)
• Garnet Market color palette (#FFEDF4, #FFBECD, #E4959E, #BB655F, #731800)
• Linen Amber Veranda color palette (#F7DFCE, #D9A581, #C67850, #9F533C, #351E02)
• Frosted Bronze color palette (#F1DECD, #B68447, #A05A00, #783800, #120900)
• Bronze Pier color palette (#FFECF5, #C79EAF, #A56238, #6D3E2C, #301B23)
• Mallow Courtyard color palette (#FFF1F4, #D7A4E0, #DA9C81, #5A98BC, #432B30)
• Bronze Harbor color palette (#F4E9D3, #8C832E, #715E00, #513B00, #030400)

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