Hushed Cocoa color palette — #F7EFF6 · #C8B07E · #7B4241 · #411819 · #130812

A conversation between Coffee and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F7EFF6): a clean, paper-quiet neutral.
• Camel (#C8B07E): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7B4241): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#411819): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#130812): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Chestnut Loft color palette (#F9EFF3, #AACEB1, #7D583E, #432635, #1B1015)
• Marigold Study color palette (#E7F7E7, #C8A24E, #664500, #2E1D00, #000B01)
• Wandering Rust color palette (#FFF2ED, #DBC18C, #AB5352, #5F3433, #2A1F1A)
• Amber Station color palette (#ECDCE5, #BB8C00, #692600, #2A0A00, #090005)
• Misty Brick Station color palette (#F8EEF5, #E79E8A, #817700, #B12F00, #001309)
• Muted Bronze Veranda color palette (#FFDBEE, #D1A77A, #937012, #514D00, #192600)
• Chestnut Harbor color palette (#F3DEE5, #705300, #263231, #200F00, #020100)
• Wandering Olive Summit color palette (#E7F7EA, #C4905E, #746D23, #004D6C, #0E2A13)

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