Dusty Cocoa color palette — #FFF3E6 · #D0E0C8 · #B3C5AF · #AD9382 · #763F13
Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#D0E0C8): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#B3C5AF): A luminous, dusty green — the color of new leaves after rain.
- Taupe (#AD9382): A luminous, dusty gold — the color of old brass.
- Bronze (#763F13): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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
- Timeworn Grove color palette (#F4EDC6, #A8D5B2, #8AB79E, #BD7471, #5E4600)
- Hushed Chestnut Meadow color palette (#E0E6CD, #85AC8D, #38939D, #8F4D1E, #2A3200)
- Muted Archive color palette (#E0F9E6, #ABD8D6, #7A99AB, #6F5E6F, #4C3F4D)
- Bronze Cabin color palette (#F4EFDF, #9ABF9B, #4FABB9, #9C6824, #4D3A00)
- Patina Apricot color palette (#ECFAED, #7ED9DB, #F7A3AA, #D98E6C, #354836)
- Cocoa Balcony color palette (#F5E7D5, #818955, #007A63, #752900, #1E1200)
- Tempered Fern Summit color palette (#D5E2D4, #54A391, #4C7EA3, #555500, #032502)
- Dusty Teal color palette (#EDF9ED, #A0E3E2, #F5B1C1, #00C0BF, #6A4039)
Browse the whole catalog at Explore, or see today's palette.