Cocoa Basin color palette — #FEF3EC · #CAB49E · #A27361 · #7B5245 · #5F4200

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

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Stone (#CAB49E): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A27361): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#7B5245): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.

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

• Tempered Loft color palette (#FFF1F5, #DBB1D3, #AE657E, #8B4438, #663C13)
• Dusty Harbor color palette (#FFF2EA, #EFBFA2, #BD8F7C, #A16340, #683B00)
• Timeworn Driftwood Meadow color palette (#FDEDF5, #DBB197, #A37763, #684F61, #37272D)
• Softworn Olive color palette (#FAF5E4, #ABAA81, #787630, #6E4A00, #394300)
• Dusty Ash color palette (#FFF0F9, #F2CEDD, #CDAABF, #A587A1, #3E4C3E)
• Worn Chestnut Bloom color palette (#F4E6D0, #9B9A67, #7E5E00, #613914, #31312A)
• Timeworn Bronze color palette (#FAF3F6, #C5B8E5, #B46351, #74619B, #362B26)
• Quiet Balcony color palette (#FFD4BC, #B88133, #904100, #750212, #322800)

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