Cocoa Market color palette — #FBEFE9 · #CCAF74 · #843E22 · #3C1F0B · #150904

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

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Camel (#CCAF74): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#843E22): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3C1F0B): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#150904): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cocoa Market 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

• Washed Stone Cabin color palette (#FCF2F9, #B0B471, #7B3C36, #3B2637, #231619)
• Washed Marigold color palette (#FAF1DF, #D29E07, #5A4B00, #282000, #0C0700)
• Chestnut Studio color palette (#F8F0EA, #DDA580, #797B00, #994D00, #120E02)
• Muted Parlor color palette (#FFF0F9, #E5BF6C, #A05E45, #523949, #2B1C26)
• Tempered Archive color palette (#F5F1EB, #D6D8D0, #B7C2AB, #8B7048, #312B24)
• Patina Studio color palette (#FDF0DC, #B99752, #5F751D, #234871, #2B210B)
• Tempered Rust color palette (#FDF3EE, #E5ECA9, #B2574A, #3E3733, #180C07)
• Olive Grove color palette (#FFE2C2, #CFAE5E, #817F00, #395100, #002808)

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