Cocoa Orchard color palette — #FEF3EB · #DEE2CB · #AB7860 · #6B3602 · #201A15

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Celadon Mist (#DEE2CB): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#AB7860): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6B3602): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#201A15): a grounded near-black with real depth.

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

• Patina Pier color palette (#F9F5E7, #FFE2A5, #767B45, #3A3831, #130F03)
• Washed Market color palette (#FCF3EE, #E9DFB0, #C4907D, #975C34, #342922)
• Aged Pier color palette (#F8EDD3, #CB9900, #443D00, #1D2725, #090800)
• Wandering Basalt Terrace color palette (#F9EEF5, #A7CEB7, #77556A, #4B2515, #1A1017)
• Stone Station color palette (#FBF4EE, #E0DCCE, #A1B971, #C18E62, #201F15)
• Timeworn Apricot color palette (#FFF3E9, #FFAD77, #72BCC8, #7082A7, #36302C)
• Honey Study color palette (#FDF4E4, #F2CA76, #796000, #352500, #060300)
• Straw Harbor color palette (#FFF4E2, #FBD980, #92AC77, #5C7397, #4E3D00)

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