Dusty Cocoa color palette — #FFF5D6 · #D2DCBA · #9CC0A6 · #AD8E5E · #5D4B00
A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D6): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#D2DCBA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9CC0A6): A luminous, dusty teal — the color of glacier melt.
- Caramel (#AD8E5E): A luminous, dusty gold — the color of old brass.
- Deep Olive (#5D4B00): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Washed Chestnut color palette (#F9F4DB, #DFDBC4, #BABC9F, #AD7D8B, #774609)
- Taupe Hollow color palette (#FCF3EE, #E6D2B4, #A7B375, #5D9F90, #593C00)
- Cerulean Lantern color palette (#D9E4C1, #8F976E, #00859D, #735100, #1A2200)
- Chalky Azure color palette (#E4F1D8, #7CCCAF, #24AAE2, #907700, #294200)
- Wandering Lagoon Delta color palette (#D5EBD1, #A7D2BA, #A29FCB, #529065, #394E35)
- Frost Studio color palette (#C8F5EB, #9AC0CD, #7F8DA6, #6C5460, #4B333F)
- Wandering Olive color palette (#DEF5FB, #83AC94, #717DB8, #40741C, #002D30)
- Worn Loft color palette (#DFEBDC, #6D8F70, #4D67A7, #375300, #031500)
Browse the whole catalog at Explore, or see today's palette.