Cocoa Basin color palette — #FBF4EB · #C2B6A1 · #987B54 · #7D5233 · #594500

Built around Deep Olive, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Stone (#C2B6A1): A luminous, dusty gold — the color of old brass.
• Mocha (#987B54): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7D5233): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Aged Cocoa color palette (#FFF3E6, #BAA37F, #8F6A3E, #764220, #403D36)
• Sand Delta color palette (#EBFAEB, #EBD8A7, #CEB08A, #A58995, #3A4D43)
• Timeworn Cocoa Workshop color palette (#ECDDD1, #956D35, #693700, #481400, #1D1500)
• Misty Moss color palette (#F1DBB3, #96922D, #6F5900, #533500, #232E00)
• Taupe Study color palette (#EFF8EE, #ADD6BE, #BB9364, #886A7E, #364D47)
• Fern Balcony color palette (#EDE5D9, #645A1B, #392900, #1C0D00, #030400)
• Fern Terrace color palette (#FDF1FB, #778FC3, #A27356, #596710, #473745)
• Weathered Mulberry color palette (#FFF0F8, #D5A8B9, #A574A5, #883A6A, #702942)

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