Cocoa Basin color palette — #E9DFD7 · #C3B7A9 · #9C8B72 · #663700 · #2B1C0D

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#E9DFD7): bright and airy, almost weightless.
• Stone (#C3B7A9): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9C8B72): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#663700): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2B1C0D): 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 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

• Aged Bronze Delta color palette (#F0E9DE, #B0A899, #947D35, #493300, #1B1204)
• Patina Parlor color palette (#F4EAEF, #B7CAB9, #8DAD9F, #904C1A, #2A1922)
• Tempered Fern color palette (#EEEFE5, #CACEBD, #99A683, #2E631B, #2E2F21)
• Hazy Apricot color palette (#F8E7CE, #EA8800, #9E7300, #655900, #231800)
• Driftwood Courtyard color palette (#F7F5EF, #D8DBD4, #9BB2B2, #888453, #565249)
• Antique Fern color palette (#E9E3D1, #5D5B00, #004224, #002428, #001228)
• Cocoa Bloom color palette (#EEDDC0, #584200, #212D2D, #120F00, #050300)
• Timeworn Cocoa color palette (#EEE9E4, #C3B8A3, #959064, #5B3F00, #281D0D)

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