Cocoa Basin color palette — #FBF4EC · #D8C8B1 · #B29671 · #926B46 · #5D4300

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Oat (#D8C8B1): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B29671): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#926B46): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: 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

• Muted Driftwood color palette (#FFF3E5, #D3B996, #B08754, #895E39, #403D36)
• Timeworn Delta color palette (#E8E0C9, #9CA56F, #787528, #5A4D00, #1D2900)
• Patina Ridge color palette (#FFEBD9, #B48045, #8E4D00, #632A00, #211300)
• Muted Frost color palette (#EEF9EE, #B7EEE3, #99B89A, #8F707B, #36433A)
• Muted Bronze color palette (#EBE1D1, #7E6E33, #584100, #332000, #040300)
• Patina Chestnut color palette (#F5F7EA, #88B38B, #AA6E6B, #935603, #38362F)
• Worn Lagoon Garden color palette (#F1F7EE, #D7D3AB, #498B7F, #16594E, #262E22)
• Ancient Cerulean color palette (#F0F7F2, #B5DCC2, #7D9DCC, #009DB5, #342A34)

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