Cocoa Orchard color palette — #EBE1D8 · #C5B9A8 · #9D9174 · #5B2F00 · #020100

A conversation between Cocoa and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#EBE1D8): bright and airy, almost weightless.
• Stone (#C5B9A8): A luminous, dusty gold — the color of old brass.
• Caramel (#9D9174): A luminous, dusty gold — the color of old brass.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Onyx Archive color palette (#E8DFE3, #879088, #577267, #431F00, #040002)
• Fern Cabin color palette (#EFEFE5, #CED4B5, #9DAD88, #405600, #030300)
• Hushed Ridge color palette (#F5EBE4, #A2A38E, #818C74, #974C00, #120600)
• Aged Lagoon color palette (#F2DDC2, #F56C00, #9E7700, #4C5B00, #020100)
• Worn Market color palette (#F9E3C6, #8B8345, #395F26, #01254C, #010008)
• Chestnut Hollow color palette (#EEE0C3, #8D5400, #363300, #000E19, #020100)
• Bronze Basin color palette (#FAF4EC, #DADECF, #BBC6B2, #956F24, #261C0E)
• Tempered Olive Villa color palette (#F4EFDA, #5E892C, #00491B, #340D01, #010200)

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