Dusty Cocoa color palette — #FEF4E2 · #FFCFD1 · #B2A170 · #846783 · #632F00

Bronze and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFCFD1): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#B2A170): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#846783): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#632F00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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 Taupe Coast color palette (#FAF6E2, #FFCAEE, #C89573, #4F7E6B, #513833)
• Dusty Canyon color palette (#FAF4EC, #C2E1D1, #A9B48D, #9B7C86, #504700)
• Cerulean Meadow color palette (#EBFAEE, #F9C2AA, #C1AB7E, #4499AC, #583F4A)
• Tempered Jade color palette (#FFF2EB, #E4C989, #4CA680, #765482, #33322B)
• Muted Bronze Villa color palette (#FAF0E2, #D99B7F, #927430, #225B67, #37291B)
• Hushed Lantern color palette (#FFF2EF, #F8B7C3, #61AA94, #646691, #333458)
• Wandering Lagoon Market color palette (#FBF3EF, #C4DFE8, #9BCDD4, #6A9F8B, #5C4556)
• Apricot Parlor color palette (#FFF3E7, #E19E5D, #655300, #322920, #130E0C)

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