Cocoa Orchard color palette — #FFF2EF · #EED8BC · #BCAC96 · #956C7C · #653F37

Built around Cocoa, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Wheat (#EED8BC): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#BCAC96): A luminous, dusty gold — the color of old brass.
• Mocha (#956C7C): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#653F37): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Aged Pewter color palette (#FFF4E1, #E4D3AE, #9BA680, #995860, #4D3C0D)
• Patina Driftwood color palette (#FFE8D1, #BEB08F, #89863D, #675769, #44323C)
• Worn Quarry color palette (#FFEDDF, #C6BA97, #5F9887, #8A463B, #342F2A)
• Dusty Corridor color palette (#FFF0FD, #A3C1A4, #5E938B, #636281, #4F4F62)
• Ancient Cocoa Parlor color palette (#FBE2AD, #A0AD80, #3E8275, #74340F, #211600)
• Antique Onyx Hollow color palette (#FFE2E7, #B48D66, #556A1B, #4E1040, #14000B)
• Washed Lagoon color palette (#FCF3ED, #C3E2F2, #A2BBEA, #00968C, #543345)
• Ancient Mulberry color palette (#FFF2ED, #FFBDA7, #998C25, #803288, #630F17)

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