Dusty Cocoa color palette — #FAEFE9 · #B6B784 · #784635 · #42190B · #150904

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAEFE9): a clean, paper-quiet neutral.
• Sage (#B6B784): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#784635): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#42190B): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#150904): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty 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

• Fern Atelier color palette (#F6F1E6, #CDAE7E, #625500, #2E2700, #100C03)
• Mulberry Garden color palette (#FBEEEE, #96C096, #793D63, #3E1730, #190607)
• Ancient Bronze color palette (#FCF1F8, #C6C992, #AA5739, #5F3627, #291E25)
• Aged Amber Canyon color palette (#F6E5D4, #AF9300, #5A3400, #231100, #060200)
• Soft Orchard color palette (#F9F0EA, #E3A18A, #258863, #A54015, #0A1100)
• Aubergine Boulevard color palette (#FFEEE3, #C48F6B, #557735, #583176, #301F00)
• Wandering Mulberry Bloom color palette (#FEEDEC, #B76A8A, #1581A0, #7B365C, #2D100E)
• Ancient Forest color palette (#FFE9E5, #D0A871, #887F2F, #0F5D0A, #002D27)

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