Cocoa Basin color palette — #FDF3EC · #D8D4A2 · #A36F54 · #733D0B · #322923

Bronze takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Wheat (#D8D4A2): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A36F54): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#733D0B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#322923): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Wandering Market color palette (#F8F5EB, #EECB9E, #81823E, #5D4B00, #2E2B23)
• Muted Driftwood Market color palette (#FDF2F1, #BEDBB1, #A66685, #614543, #332828)
• Timeworn Atelier color palette (#FCF3EC, #F6D9B3, #BC9576, #93602B, #332921)
• Timeworn Teal color palette (#FAF4EF, #FFC1A1, #51B08C, #BA7B59, #2B3026)
• Airy Mustard Workshop color palette (#FEF3E6, #E1B52B, #8C5F00, #503400, #261703)
• Aged Marigold Meadow color palette (#E6DDCC, #C79D4A, #695200, #342700, #120A00)
• Jade Study color palette (#FFF2EA, #DDB688, #66A36B, #7A648C, #5A4400)
• Antique Taupe color palette (#F8F4EF, #D8DCD5, #A6BDB9, #B19869, #56524C)

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