Dusty Cocoa color palette — #FAF4EB · #E8DDC0 · #B1BC8F · #979E81 · #604A00

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Bone (#E8DDC0): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B1BC8F): A luminous, dusty green — the color of a quiet forest floor.
• Taupe (#979E81): A luminous, dusty green — the color of fresh herbs.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. 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

• Softworn Courtyard color palette (#F4F7EA, #CCDBBC, #72BCB2, #739B83, #334B06)
• Timeworn Powder color palette (#EBF9F4, #E8D4CF, #89C6D4, #A7A89C, #39554E)
• Stone Lagoon color palette (#FCF2F7, #BFE9F4, #A7B586, #6C8C92, #3B4B3F)
• Antique Stone Veranda color palette (#E3FCF3, #93CFF9, #E9A8BC, #A7B868, #294A3F)
• Stone Study color palette (#ECF5EC, #CCC595, #638D7F, #496866, #28352D)
• Powdered Atelier color palette (#F6EAD0, #B8CA79, #61AD3C, #0083BF, #2A3200)
• Ancient Sky color palette (#EDF8F3, #A3DEFE, #F3B98C, #57B4E1, #524C46)
• Hushed Lagoon color palette (#EEF0D9, #75B88F, #009479, #00717C, #002210)

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