Cocoa Market color palette — #FCF2F7 · #C88869 · #556700 · #813500 · #001E16

Built around Rust, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Caramel (#C88869): A luminous, balanced orange — the color of autumn markets.
• Olive (#556700): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#813500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#001E16): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Dusty Forest Bloom color palette (#F0F7F1, #BC9147, #00722C, #694800, #001D1C)
• Mulberry Cabin color palette (#FAF2FA, #D17E85, #815200, #96002F, #0A1D09)
• Patina Station color palette (#F8EEF7, #E57C7F, #00765B, #A10029, #000809)
• Hazy Chestnut Ridge color palette (#FFDCBE, #BB9554, #726500, #3D4B00, #1A3700)
• Powdered Studio color palette (#DFF5E3, #AE7B29, #596100, #00436D, #3D2E00)
• Pale Drift color palette (#EAF9F4, #91AF4F, #007376, #495F00, #002223)
• Gentle Moss color palette (#FEF2ED, #F6968D, #5A9300, #BE403C, #1A1909)
• Airy Meadow color palette (#EBFAEE, #F7AD71, #C09404, #4E8700, #3C3500)

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