Dusty Cocoa color palette — #FFF3E8 · #EBD5BE · #DBAB81 · #AD8A6F · #624000

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#EBD5BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#DBAB81): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AD8A6F): A luminous, dusty gold — the color of old brass.
• Bronze (#624000): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Tempered Atelier color palette (#FCEFE4, #CCB899, #AB7543, #83442A, #302C1A)
• Dusty Blush color palette (#FFF1F6, #CFB4F5, #F49B94, #BB8F6E, #4A373E)
• Sunlit Bronze Courtyard color palette (#F6DDC3, #B3873E, #995F00, #723D00, #110A00)
• Quiet Rust Study color palette (#F1DBCB, #CE8E62, #C75500, #95381D, #231100)
• Weathered Stone color palette (#FFF1F6, #D5F9DA, #CDA587, #897283, #34443B)
• Tempered Marigold Courtyard color palette (#FDECD3, #DCC785, #CF9A00, #A67427, #38352E)
• Worn Apricot color palette (#F1F7F0, #6BCEC4, #DA9B54, #939550, #31332D)
• Ancient Mallow color palette (#FFF0F7, #E3D0FF, #D4A9E9, #AC79AD, #613558)

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