Washed Cocoa color palette — #FFF3E5 · #FFD1C1 · #C29976 · #647B55 · #613000

Bronze and Camel 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.
• Shell Pink (#FFD1C1): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#C29976): A luminous, dusty gold — the color of old brass.
• Walnut (#647B55): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#613000): A deep, shadowed, balanced gold — the color of honey in a jar.

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

Use it as a design system

One click turns Washed 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

• Bronze Balcony color palette (#EDF9ED, #D7957E, #A3672E, #4A6239, #53424B)
• Cerulean Corridor color palette (#FDF4E4, #F3C0D0, #D1A382, #5792C2, #71331C)
• Hushed Stone Parlor color palette (#FFF3E8, #DDDCCB, #C0C5A6, #8F9583, #4A5742)
• Patina Honey Field color palette (#FFF4DC, #DACE7E, #879B59, #127171, #34322B)
• Softworn Chestnut Hollow color palette (#FFF2EA, #DE9C7E, #78470D, #332922, #130E0B)
• Gentle Amber Meadow color palette (#FFF4E1, #DB8F1C, #816800, #004C33, #1B1000)
• Muted Bronze color palette (#E6F7EC, #D995A4, #9F6B39, #295678, #342732)
• Tempered Boulevard color palette (#FFF3E3, #FFA85D, #AC7C00, #006A36, #3B2100)

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