Cocoa Basin color palette — #FFEBCF · #E2DCE6 · #B1A5A5 · #654100 · #221E19

A conversation between Bronze and Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEBCF): A whisper-light, dusty gold — the color of honey in a jar.
• Silver (#E2DCE6): bright and airy, almost weightless.
• Taupe (#B1A5A5): soft and architectural.
• Bronze (#654100): A full-bodied, balanced gold — the color of old brass.
• Onyx (#221E19): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Patina Basin color palette (#F9F5EA, #DEDECC, #908755, #594300, #201B0E)
• Chartreuse Bloom color palette (#FFE5FD, #C6F134, #D9D1C8, #473F00, #201F13)
• Washed Stone color palette (#FFF2EB, #F2B299, #CB9DC4, #A07287, #502400)
• Washed Sand Courtyard color palette (#FFF1F1, #D7E0FF, #FFC192, #472403, #1E1208)
• Washed Ash color palette (#F6F5EE, #D5DCD8, #AFB2BD, #85AA99, #4E4E46)
• Apricot Terrace color palette (#EEDCFF, #A9D6FF, #FFA56A, #5D4444, #3C3438)
• Patina Teal color palette (#F4F7EC, #9ED0A6, #3EA6A7, #875C79, #242515)
• Tempered Turquoise Villa color palette (#F9F4EE, #DFE0CC, #62BED0, #B2965A, #16221A)

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