Cocoa Basin color palette — #FFF2EA · #DCC6AF · #B6937C · #966665 · #5E4200

A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Oat (#DCC6AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B6937C): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#966665): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#5E4200): A deep, shadowed, 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

• Terracotta Harbor color palette (#FFF2EB, #D2B99F, #B8806A, #975156, #403D36)
• Stone Cabin color palette (#FFF0F8, #ECD3D0, #C9A0B8, #877386, #36433A)
• Patina Bronze color palette (#EFE0CC, #AAA05F, #956800, #793900, #1F2800)
• Hazy Garnet color palette (#FFEBDC, #A07430, #813D00, #610106, #0F0B00)
• Softworn Fern color palette (#EDE3CC, #829554, #6D6100, #543600, #001D02)
• Bronze Delta color palette (#FFF0FA, #9CA7DF, #B78BAD, #A06E43, #483743)
• Aged Archive color palette (#FBF2F8, #94A0DC, #B96E80, #6C6F29, #213A32)
• Softworn Azure color palette (#F0F7F4, #B1DCCB, #BB88B2, #0098D2, #39292A)

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