Cocoa Market color palette — #F3EDE6 · #D8CFBD · #AFA687 · #6C4300 · #050200

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

The five colors

• Cream (#F3EDE6): bright and airy, almost weightless.
• Oat (#D8CFBD): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#AFA687): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Basalt color palette (#EAE8E2, #BDBBAD, #91957B, #433D00, #020100)
• Timeworn Station color palette (#F6EBE7, #DFCBBF, #B7A28D, #94001B, #080100)
• Hushed Basalt Dune color palette (#E6ECE5, #9BAFA1, #6A877A, #4E3000, #091808)
• Ancient Forest color palette (#E4E2CE, #6D9C6A, #005D3C, #461E00, #000200)
• Bronze Orchard color palette (#F3E9E0, #AEB3A1, #87A284, #A35E00, #1D1104)
• Aged Pine Cabin color palette (#F4F7EC, #CFDDD5, #B0C0AD, #00742B, #0C0E00)
• Tempered Grove color palette (#EDE4D1, #9C6C00, #3F4800, #001C36, #020100)
• Hushed Balcony color palette (#F3E8D4, #8E9959, #147340, #162E5F, #110029)

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