Cocoa Basin color palette — #FFF2EB · #C29C46 · #7D2800 · #461300 · #1F1400

Rust and Mustard set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Mustard (#C29C46): A luminous, balanced gold — the color of old brass.
• Rust (#7D2800): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#461300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F1400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Sunlit Garnet color palette (#FFEEE6, #A4B150, #910B00, #440200, #130300)
• Taupe Thicket color palette (#FEF4E2, #C09C4E, #5A4500, #312400, #141500)
• Amber Orchard color palette (#FEF3EA, #DC8B53, #676A00, #844000, #241C00)
• Frosted Mulberry color palette (#FFF1F0, #BE9D53, #800D51, #49032C, #2E100F)
• Muted Amber color palette (#EADBCF, #AB8631, #572600, #280D00, #080500)
• Weathered Brick Ridge color palette (#FFF0FC, #BAC451, #B6332B, #5F2620, #261323)
• Worn Ember color palette (#FFF0F9, #FDC642, #DC6539, #884730, #25141F)
• Timeworn Fern Workshop color palette (#F7F5ED, #D1BD9D, #5B6339, #3A3932, #22281D)

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