Cocoa Basin color palette — #FFF2EC · #F5C89B · #A16F65 · #763A19 · #322925

Bronze takes the lead with Wheat close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#F5C89B): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A16F65): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#763A19): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#322925): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Cocoa Chapel color palette (#FEF2EF, #C0ECD9, #A57A70, #623A31, #261713)
• Patina Chestnut color palette (#FFF2ED, #D4BD98, #8A4A31, #5F2309, #2A231A)
• Mustard Workshop color palette (#FDF4E5, #E1C078, #886E2C, #46423B, #272117)
• Tempered Taupe color palette (#FBF3EE, #FFC1A3, #B89654, #B67D61, #312D27)
• Coral Delta color palette (#FFF2EC, #EC8E7B, #9CA06E, #976C79, #632A05)
• Marigold Thicket color palette (#EDDAC9, #D99600, #7E4400, #402000, #150800)
• Ancient Mustard Workshop color palette (#FDF4E5, #E8B366, #9F9359, #477B68, #604100)
• Ancient Bronze Dune color palette (#F1E2C3, #A17E00, #423700, #140F00, #030200)

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