Dusty Cocoa color palette — #FCF3EB · #CCC09F · #698D5A · #785C6A · #604A00

Bronze takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Sand (#CCC09F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#698D5A): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#785C6A): A full-bodied, dusty rose — the color of pressed rose petals.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Fern color palette (#F9F4EC, #D4D5A5, #A09D79, #8D7680, #5D4B00)
• Timeworn Fern color palette (#F7F6E9, #87BEA2, #008485, #754D4D, #374A01)
• Washed Driftwood color palette (#EAF5ED, #A1D0BA, #798A60, #5C5F76, #24352E)
• Softworn Atelier color palette (#FFF2EC, #E09C90, #1BAFA3, #A05D52, #40533C)
• Turquoise Alley color palette (#FBF3F1, #CAEAE1, #61A4BB, #547958, #5D4C5F)
• Dusty Pine Hollow color palette (#FFF3E3, #9BAC69, #007E44, #59437E, #3C3B34)
• Rust Drift color palette (#FFF2EB, #F9BAAA, #B5655A, #763D29, #3A322F)
• Weathered Forest color palette (#EBE4D7, #7D9560, #006544, #4C3159, #2D2A04)

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