Cocoa Orchard color palette — #FFF2EA · #C1A084 · #94664E · #714436 · #583300

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#C1A084): A luminous, dusty gold — the color of old brass.
• Walnut (#94664E): A full-bodied, dusty orange — the color of autumn markets.
• Coffee (#714436): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#583300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Chestnut Ridge color palette (#FEF4DE, #B3A683, #7E7341, #6B4B00, #3F3D36)
• Taupe Archive color palette (#FFF1F8, #ECC3D5, #D79D80, #B07866, #4E353E)
• Tempered Hollow color palette (#FFF0F8, #DAB1BE, #B68168, #955354, #2A4432)
• Patina Terracotta color palette (#F4D8C6, #AF7A58, #893B12, #5B2316, #351E05)
• Wandering Chestnut Balcony color palette (#F4DFCC, #8D5B19, #562C00, #311100, #130900)
• Washed Lagoon color palette (#ECF9EC, #008B8D, #7D510A, #414500, #242C17)
• Muted Stone color palette (#EAFAF0, #92BC8A, #1D5A6B, #0A3724, #07201F)
• Antique Aubergine color palette (#F3F4FF, #AFA8E1, #7E67A3, #603879, #581D61)

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