Dusty Cocoa color palette — #F4E9E1 · #AFA38D · #898867 · #6B3400 · #100702

Bronze takes the lead with Driftwood close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F4E9E1): a clean, paper-quiet neutral.
• Taupe (#AFA38D): A luminous, dusty gold — the color of afternoon light on wheat.
• Driftwood (#898867): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#100702): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Wandering Chestnut Courtyard color palette (#F6EEE6, #A1A194, #8A8E6D, #8B5500, #110700)
• Hushed Cocoa color palette (#EFE3E8, #B0BFB4, #729C8E, #593000, #040001)
• Tempered Onyx Thicket color palette (#F6E7EC, #8E9F90, #5C7865, #3E2400, #120509)
• Ancient Fern Drift color palette (#EDEBE0, #AEBA9B, #869C88, #475B00, #161405)
• Aged Bronze Lagoon color palette (#F3EEE7, #DCD8C3, #B4BBA3, #8F6A2D, #362C1F)
• Rose Veranda color palette (#F9EBD6, #FC2F31, #A37400, #00705B, #040400)
• Dusty Boulevard color palette (#F9E9E6, #887700, #2E644C, #39214A, #1D032C)
• Powdered Navy color palette (#F9E2C4, #9D4600, #324500, #180062, #060300)

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