Cocoa Market color palette — #FFF2EE · #E0D9CE · #AAB8B3 · #B0A37C · #76381E

Rust and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Ash (#AAB8B3): soft and architectural.
• Camel (#B0A37C): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#76381E): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Weathered Stone color palette (#FFF2EF, #E2D8CB, #ACB6C3, #D49FC0, #604942)
• Driftwood Thicket color palette (#FFF1F0, #E1DCCF, #B3D2AB, #8E6FB0, #723616)
• Quiet Amber color palette (#EFDFD2, #E4A969, #A98420, #783112, #030100)
• Wandering Meadow color palette (#FFF3E6, #F8D7A8, #B99771, #915E29, #35312B)
• Tempered Lichen Basin color palette (#FFF4E0, #D6F5C1, #AEDBE6, #AC8F63, #312F28)
• Misty Balcony color palette (#FFECE9, #FFB59C, #EF8735, #91414F, #0A0000)
• Worn Driftwood color palette (#F8EEFA, #F8CED7, #E7C09B, #A35D87, #3A283B)
• Softworn Coral color palette (#FFF2EE, #E0DACE, #FFCA91, #CC6D6B, #491C04)

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