Dusty Cocoa color palette — #F9F5EA · #DEDFCB · #918756 · #594300 · #201B0D

A conversation between Deep Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#918756): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#201B0D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Washed Sand Boulevard color palette (#F3F7ED, #FFE2A5, #4C846B, #134230, #0D1106)
• Bronze Meadow color palette (#F8F5EE, #F3D9B8, #A6A074, #836920, #2F2B20)
• Marigold Summit color palette (#EBF1DC, #CB9900, #004923, #1D282B, #000B03)
• Muted Hollow color palette (#ECF4EF, #DABE97, #6D6219, #193829, #0E1612)
• Eclipse Bronze color palette (#EEE7CF, #9A7300, #1D1D00, #0A0C06, #010100)
• Taupe Chapel color palette (#F7F5ED, #B5EFDD, #67C0BC, #9BA057, #162215)
• Washed Stone Corridor color palette (#F9F5EA, #CBC781, #96B0D5, #937699, #34312B)
• Ancient Station color palette (#F7F7E4, #DDB55C, #385D00, #0E1D00, #010100)

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