Cocoa Orchard color palette — #FFF2ED · #DBC5AB · #9FA58B · #926C70 · #684347

Cocoa takes the lead with Mocha close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Oat (#DBC5AB): A whisper-light, dusty gold — the color of old brass.
• Taupe (#9FA58B): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#926C70): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#684347): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication. Tagged vintage, retro, 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

• Tempered Ash color palette (#FBEDD9, #DED4AF, #B8BE9B, #A88CA6, #5D4750)
• Wandering Straw Pier color palette (#FEE6A5, #A3CFB3, #5A9FB1, #905F69, #6A3D47)
• Worn Fern color palette (#F8F5EA, #C0CA9F, #609C93, #8B6668, #3F4800)
• Petrol Study color palette (#E8FBEA, #A6C3B6, #658783, #536882, #4A4C69)
• Chalky Lagoon Lantern color palette (#F8E7DB, #AEB67E, #3D9C7B, #84456B, #5A2D48)
• Cerulean Harbor color palette (#FAEED7, #90B288, #3D8B9D, #7C4632, #552411)
• Basalt Balcony color palette (#FFE6DD, #988753, #286B4F, #5F2851, #34062B)
• Muted Jade color palette (#F6F8D9, #82B570, #B086BE, #A86787, #383932)

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