Dusty Cocoa color palette — #FFF3E5 · #E5B09D · #90986A · #85627A · #653D00

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#E5B09D): A luminous, dusty orange — the color of autumn markets.
• Moss (#90986A): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#85627A): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#653D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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 Fern color palette (#FFF2EB, #CCBE84, #62A18D, #8B616C, #504900)
• Hushed Boulevard color palette (#FBF5E4, #E8AAB8, #A88E62, #477A6E, #703512)
• Worn Stone color palette (#FFF2EC, #E09F8E, #4F9A9E, #6D608C, #593546)
• Antique Taupe Garden color palette (#FFF1F5, #FFD0C4, #A3A769, #6B6D9D, #4C3940)
• Dusty Lagoon color palette (#EBFAEE, #C699A8, #7D7A3C, #295F7F, #374E3B)
• Aubergine Coast color palette (#FFEADE, #BF9D48, #2F8A66, #6F3E7E, #32302A)
• Timeworn Taupe color palette (#FBF0E0, #B7974F, #5D5B0A, #3D372D, #26201C)
• Faded Apricot Drift color palette (#FFF3E9, #F08B00, #519934, #62369F, #433300)

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