Dusty Cocoa color palette — #FFEEE7 · #DFD6C7 · #AAADB8 · #A77B72 · #632906

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Bone (#DFD6C7): A whisper-light, dusty gold — the color of honey in a jar.
• Ash (#AAADB8): soft and architectural.
• Mocha (#A77B72): A luminous, dusty orange — the color of sun-warmed clay.
• Rust (#632906): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged pastel, 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

• Ancient Driftwood Field color palette (#FCF0E2, #DADBC4, #BDC5A2, #A8866A, #3C3832)
• Aged Dune color palette (#FFF0FD, #E8D5D8, #B5AC9C, #C38A94, #5C4958)
• Softworn Bronze Courtyard color palette (#FAF0E4, #CAB99C, #A47A3C, #794D0B, #332B19)
• Garnet Thicket color palette (#F7DBCD, #BA8166, #9D5C00, #5F0011, #060100)
• Muted Corridor color palette (#FFEEE6, #EAD8AF, #E9B466, #A95649, #3F1B00)
• Chalky Moss Lantern color palette (#EEDFC9, #CBAB52, #8F8C11, #6F3F00, #150E00)
• Hushed Amber color palette (#FBF0E5, #BA8956, #688E6A, #775067, #2D2010)
• Wandering Petrol Field color palette (#FEEEEB, #B97686, #3379A2, #413F71, #2A161A)

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