Hushed Cocoa color palette — #F6EDE7 · #BDB1A6 · #A1886F · #712B00 · #140702

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6EDE7): bright and airy, almost weightless.
• Stone (#BDB1A6): A luminous, dusty gold — the color of old brass.
• Caramel (#A1886F): A luminous, dusty gold — the color of old brass.
• Rust (#712B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#140702): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Antique Cocoa Quarry color palette (#EDE0E8, #C7B2B9, #7B9685, #6E2E1C, #2A1925)
• Antique Bronze Alley color palette (#E5DDD5, #AC9D8A, #987532, #4F2D00, #090300)
• Dusty Chestnut Garden color palette (#FAF0E4, #DCD2C1, #B9AA85, #795300, #21180C)
• Tempered Bronze color palette (#E5DDD1, #8D7B27, #4D5200, #00342D, #001503)
• Ancient Bronze color palette (#F6F1EC, #DAD9CD, #C0C0A9, #986946, #322A24)
• Hushed Chestnut Studio color palette (#EDE4D5, #915400, #4C3800, #002613, #0A0400)
• Feathered Tangerine Grove color palette (#FEEBD9, #FD6D07, #AD6500, #715400, #0C0500)
• Weathered Cocoa color palette (#F2EAE3, #BEB1A2, #9B8B71, #633700, #120802)

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