Dusty Cocoa color palette — #FFF3E4 · #FBC1AA · #CEA57F · #7A956D · #6C3801

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#FBC1AA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#CEA57F): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#7A956D): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#6C3801): A deep, shadowed, balanced gold — the color of old brass.

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

• Muted Cocoa color palette (#FCF4E4, #E4ADB5, #AE8A67, #4A7A6C, #703415)
• Weathered Abyss color palette (#FFF3E8, #ECD9C1, #CBC0AA, #99A18A, #45523C)
• Softworn Apricot color palette (#FFEEE3, #EAA482, #A26F3A, #7B4517, #26201D)
• Misty Amber color palette (#FFF3E2, #FFAB5B, #C79400, #2E8F5A, #4C2E00)
• Patina Petrol color palette (#ECF9EF, #FFCED9, #C19977, #4876A4, #4B3849)
• Antique Honey color palette (#FFF4DC, #D6CA74, #9AAD74, #3D9190, #3F3D36)
• Marigold Corridor color palette (#F0DBB8, #E1992E, #A28500, #007957, #312000)
• Feathered Balcony color palette (#FBECCD, #B59500, #747E00, #00635C, #1A1600)

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