Cocoa Basin color palette — #EDDDE7 · #A77E5B · #81412B · #5D1F29 · #312100

Bronze and Mulberry set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#EDDDE7): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#A77E5B): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#81412B): A full-bodied, balanced orange — the color of autumn markets.
• Mulberry (#5D1F29): A deep, shadowed, balanced red — the color of embers at dusk.
• Onyx (#312100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Softworn Garnet color palette (#F4DBCC, #A67B63, #814026, #600900, #1A0900)
• Tempered Cocoa color palette (#F9E0EC, #B09069, #86573B, #67322F, #1E3728)
• Aged Alley color palette (#DFF7E5, #8A8B58, #6B5200, #532C00, #002B24)
• Powdered Terrace color palette (#FFD9D6, #CD6A28, #6F5000, #373600, #002819)
• Antique Ember color palette (#F3DACC, #DDA472, #DA683E, #A34B57, #322000)
• Dusty Drift color palette (#E7D8EA, #92913D, #640B2B, #300010, #110714)
• Soft Rose Studio color palette (#F3E7F2, #D55A65, #475600, #7E0021, #00110C)
• Washed Cabin color palette (#EAFBE9, #8CB199, #8D6B3F, #684559, #28443A)

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