Cocoa Basin color palette — #FFF2EA · #BBA289 · #976449 · #774036 · #543600

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#BBA289): A luminous, dusty gold — the color of old brass.
• Walnut (#976449): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#774036): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#543600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Bronze color palette (#FCF5E3, #AEA888, #7D7436, #664D16, #423F00)
• Aged Chestnut color palette (#F6E4D6, #AD9170, #8C5428, #6A311F, #34302A)
• Weathered Amber color palette (#FFF0F8, #D9B88C, #C27B59, #895A5F, #304238)
• Bronze Basin color palette (#F4DDC6, #907032, #633A00, #441A00, #1B1600)
• Dusty Garnet color palette (#F1F8EA, #3B9378, #856192, #83363D, #2B381D)
• Antique Orchard color palette (#F3F7ED, #C3AB7A, #0F6043, #023825, #142119)
• Mulberry Ridge color palette (#F0F8ED, #00938B, #7A387A, #721B00, #2D2A0E)
• Antique Harbor color palette (#F1F7EE, #82BCAE, #2F73B0, #00705E, #0E2A24)

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