Cocoa Basin color palette — #FFF0F9 · #C5AB75 · #81391A · #402336 · #241819

Built around Rust, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#C5AB75): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#81391A): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#402336): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#241819): quiet, heavy and certain.

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 Hollow color palette (#F0F7F0, #C4AB78, #6F4800, #1A351B, #13201C)
• Olive Field color palette (#FBF2F6, #E09D6E, #567D00, #914A00, #102924)
• Chestnut Pier color palette (#FDF3EC, #F4CEA1, #C18465, #8B5327, #2C1E15)
• Timeworn Ridge color palette (#FFF2EC, #C6CA82, #A35A50, #48413D, #2A1F1A)
• Amber Coast color palette (#FCDAE6, #B88A00, #573000, #2A1500, #1C0710)
• Chestnut Market color palette (#D9EEDE, #785900, #252732, #1C1300, #040200)
• Bronze Corridor color palette (#FEF1F8, #BE6630, #008186, #2F5388, #3F2C36)
• Muted Olive Summit color palette (#E5FCEA, #B79142, #5C7419, #234F81, #2B4436)

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