Cocoa Basin color palette — #FCF1FA · #C5AB74 · #833430 · #3E233B · #25181B

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

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Camel (#C5AB74): A luminous, dusty gold — the color of old brass.
• Rust (#833430): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3E233B): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#25181B): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Washed Chestnut color palette (#FBF2F6, #D3BE91, #7E532E, #4B2E3B, #2F2120)
• Powdered Terracotta color palette (#FAF3F7, #E5987E, #7F6F00, #9E3C13, #192820)
• Muted Ridge color palette (#FFF2EC, #FBCB9B, #BD8577, #8E512F, #2E1D15)
• Ancient Marigold Lantern color palette (#E7FBEA, #CA9908, #5F4200, #342300, #0C2010)
• Wandering Amber color palette (#F6DCEA, #B88A00, #612700, #301000, #1F0315)
• Velvet Chestnut color palette (#F8E0E7, #785900, #2D3029, #201000, #050200)
• Softworn Harbor color palette (#FAF3F6, #CDDADC, #ACC2C0, #98683F, #504448)
• Dusty Bronze color palette (#FFF0F7, #AC5E2B, #006C69, #214679, #2E2439)

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