Dusty Cocoa Workshop color palette — #F8F5EE · #DFE0CD · #988450 · #5C4100 · #211A0F

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Bone (#DFE0CD): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#988450): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#211A0F): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty Cocoa Workshop 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

• Lagoon Station color palette (#F3F7EC, #EBDFBA, #478567, #00442B, #0C1203)
• Amber Quarry color palette (#ECF0E0, #D5914B, #00491B, #1C2729, #000B02)
• Muted Taupe Lagoon color palette (#F1F7F2, #F2DBAB, #B59B5C, #57765F, #262E28)
• Stone Meadow color palette (#F9F1E4, #DBC086, #715F35, #34302A, #17130D)
• Velvet Bronze color palette (#F6EDD8, #9F7100, #201B00, #0A0E07, #010100)
• Amber Pier color palette (#F8F5EE, #C4E1CC, #6FBFB9, #B8960F, #162215)
• Weathered Fern color palette (#F8F6E2, #E4B06B, #435A00, #131C00, #010100)
• Pewter Delta color palette (#FFF2EA, #DDE2B2, #69B39A, #9E587B, #404039)

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