Cocoa Market color palette — #FEECD6 · #664000 · #00331C · #001220 · #030003

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEECD6): A whisper-light, dusty gold — the color of old brass.
• Bronze (#664000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00331C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001220): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Twilit Onyx Ridge color palette (#EEE6CE, #514B00, #003133, #170032, #040000)
• Lowlit Garnet color palette (#FFE3D8, #8D0016, #252E00, #001319, #030005)
• Deep Basalt Lantern color palette (#F5EBD5, #4D5958, #463300, #151E1B, #070700)
• Tempered Orchard color palette (#D2F0DD, #776500, #005517, #002D2E, #120300)
• Twilit Olive color palette (#E7E3D3, #4C7600, #004315, #380F02, #010400)
• Eclipse Onyx Bloom color palette (#FFE9D6, #995200, #00415D, #04004F, #00000C)
• Worn Summit color palette (#F3DEC0, #E45500, #956400, #3E5300, #020100)
• Forest Atelier color palette (#DFE6C9, #006B2B, #003B56, #2E0034, #090200)

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