Dusty Cocoa color palette — #FDF3EB · #DEE3CB · #A0B78D · #7C8B7B · #594200

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

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Celadon Mist (#DEE3CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A0B78D): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7C8B7B): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Dusty Driftwood color palette (#F9F5EA, #B4EBDD, #7FBCAF, #9A843C, #454B00)
• Muted Cypress color palette (#F1F7F0, #B0C7BA, #5D8C7F, #3B7074, #3F5247)
• Antique Straw Field color palette (#FFF2E9, #FCE3A4, #94A66E, #8C6B79, #3B3831)
• Fern Thicket color palette (#F4F2EB, #C9C4AB, #798A5F, #61671E, #32312A)
• Softworn Powder color palette (#FBF4EE, #C1E4F6, #C7BEEA, #7F9B78, #5C4651)
• Tempered Stone color palette (#E9FAF2, #E7D5D0, #B1C6A5, #A89F93, #5C505D)
• Timeworn Mint color palette (#FFF4DE, #A1C980, #2A8968, #335A49, #1B1900)
• Powder Dune color palette (#E1FDF4, #9DD2FF, #DDB284, #C1996F, #2A3D37)

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