Dusty Cocoa color palette — #FEEEE9 · #B9B781 · #7F3E45 · #40191D · #150906

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

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Sage (#B9B781): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7F3E45): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#40191D): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#150906): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Tempered Mulberry color palette (#FAEFF0, #A7BD7F, #723D78, #361B39, #15080B)
• Aged Atelier color palette (#F9F0EA, #D0C395, #855335, #36302B, #1B120B)
• Marigold Chapel color palette (#FFEFDB, #CCA129, #674400, #2E1C00, #0E0600)
• Aged Mustard Thicket color palette (#FDF0FE, #D0C777, #995F66, #513854, #271E28)
• Olive Basin color palette (#F9F0EC, #F09793, #638200, #9F4242, #110F00)
• Worn Olive color palette (#FDF0DE, #CD8A64, #736F00, #3B4171, #301F08)
• Aged Bronze Veranda color palette (#FFEDEA, #D9A076, #956F00, #505200, #072700)
• Olive Canyon color palette (#F5E2DB, #746900, #410102, #15150A, #0B0000)

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