Hushed Cocoa Canyon color palette — #FFF3E7 · #DCDCCA · #CCBF8B · #9F6B46 · #6D4600

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Bone (#DCDCCA): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#CCBF8B): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#9F6B46): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6D4600): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Hushed Cocoa Canyon 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 Driftwood Balcony color palette (#FFF2EE, #E0D9CE, #EAB499, #B36678, #723519)
• Washed Terrace color palette (#FFF3E9, #C0A082, #94674A, #7A3F26, #573400)
• Aged Harbor color palette (#FBF5E6, #D6DFCD, #91C0C1, #A29064, #5D4A00)
• Moss Cabin color palette (#FFF5D7, #D6D075, #8DAD1A, #805800, #453B00)
• Wandering Parlor color palette (#FFEEE2, #DCE1B7, #A9D993, #A97070, #342F2A)
• Ancient Olive Coast color palette (#F7E3C5, #B1A06A, #797D00, #553100, #271A00)
• Wandering Celadon color palette (#FFF0F8, #E4F0C5, #B9E49D, #C48987, #604851)
• Mint Corridor color palette (#FBF7D1, #B9EED8, #68CD8B, #757700, #384E19)

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