Dusty Cocoa color palette — #FBE5E7 · #A47067 · #713915 · #222400 · #010300

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

The five colors

• Rose Water (#FBE5E7): A whisper-light, dusty red — the color of embers at dusk.
• Mocha (#A47067): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#713915): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#222400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Weathered Study color palette (#F2D5ED, #9D6782, #7D3345, #331D00, #020100)
• Quiet Corridor color palette (#FFE7E6, #C55759, #7F001E, #1D1607, #110001)
• Aged Chestnut color palette (#E2E1F5, #9D6E9D, #904E47, #005453, #001518)
• Wandering Fern Orchard color palette (#EADDCA, #A99967, #5B6100, #00342B, #000707)
• Eclipse Garnet Corridor color palette (#E1DCEF, #78486C, #5C1609, #001D1C, #000507)
• Worn Boulevard color palette (#FFE5D5, #B89975, #84723B, #005731, #001B13)
• Plum Archive color palette (#FFE6F3, #BC3B7B, #730037, #360012, #040000)
• Ultramarine Boulevard color palette (#F8DCD7, #AB3F62, #1A3CCE, #550025, #00000C)

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