Dusty Cocoa color palette — #FFF3E3 · #DADEC7 · #97BEC9 · #C29D7B · #583C00

Built around Cocoa, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bone (#DADEC7): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#97BEC9): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C29D7B): A luminous, dusty gold — the color of old brass.
• Cocoa (#583C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Tempered Moss Drift color palette (#F8F8D4, #C0F0E3, #A4CCDF, #8EA156, #2A4724)
• Patina Jade color palette (#E1E6D9, #9CBC8B, #5EA374, #4D4C00, #010200)
• Softworn Coast color palette (#FFF3E6, #C2FEF2, #D9E2C9, #E0978D, #614700)
• Aged Bronze Garden color palette (#FFF3E7, #F1D8BB, #BC9571, #8B6042, #35312B)
• Patina Stone Courtyard color palette (#EBFAEC, #B7E1EE, #C0C588, #A07A52, #425648)
• Hushed Taupe Coast color palette (#FFF2DB, #DACF86, #9EB25D, #6B4600, #040300)
• Mustard Harbor color palette (#FBF5E2, #BAB84E, #4AB0AE, #A05D56, #2B240F)
• Chartreuse Grove color palette (#FFF8BF, #C2FFC3, #B2E485, #B28700, #353400)

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