Ancient Cocoa color palette — #FFF2EA · #C19F86 · #956551 · #70453B · #5A3200

Built around Cocoa, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#C19F86): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#956551): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#70453B): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Pewter Pier color palette (#FFF4DF, #B7A57D, #817141, #654D21, #3F3D36)
• Timeworn Chestnut Grove color palette (#FCE2D0, #B88C6B, #8C5331, #69321E, #342F2A)
• Quiet Garnet color palette (#FFE9F5, #D992AC, #A85E6F, #83323C, #6B1315)
• Washed Pewter Station color palette (#FFF0F9, #DAB1C0, #B7806C, #955358, #2B4431)
• Weathered Chapel color palette (#FFF0F9, #EEC2D8, #E39777, #9F7B95, #4D353F)
• Dusty Villa color palette (#F9E8DC, #A66325, #6E3200, #481500, #231100)
• Fern Chapel color palette (#E3DFD1, #828F53, #595A0F, #3F3700, #1C2901)
• Mulberry Balcony color palette (#FDF2F4, #CA9BD2, #9E536E, #7E4589, #331E1B)

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