Cocoa Basin color palette — #EDE5E1 · #B0A294 · #968363 · #712E00 · #130601

Rust takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#EDE5E1): bright and airy, almost weightless.
• Taupe (#B0A294): A luminous, dusty gold — the color of old brass.
• Mocha (#968363): A luminous, dusty gold — the color of honey in a jar.
• Rust (#712E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#130601): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Cocoa Basin 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

• Washed Studio color palette (#F4ECEB, #B4A099, #998072, #800043, #130504)
• Hushed Bronze color palette (#EDE2DC, #A39889, #807026, #4F1400, #100703)
• Cocoa Chapel color palette (#EEE4E9, #CFB1BB, #819987, #632700, #040002)
• Fern Balcony color palette (#ECEAE3, #B5B5A6, #92997D, #535800, #191300)
• Timeworn Chestnut color palette (#EADDE5, #91B0A7, #6E9799, #934C37, #12040E)
• Muted Fern color palette (#F2E9D6, #6F7B43, #215200, #580201, #050700)
• Pale Ember Hollow color palette (#F1E2D3, #F85B2E, #AA6C00, #575800, #040200)
• Aged Bronze color palette (#F4EDE6, #DFD6C8, #C0B79A, #9E6200, #372B1F)

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