Cocoa Orchard color palette — #EBDDE5 · #B27745 · #833F1F · #561917 · #001401

Built around Bronze, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EBDDE5): bright and airy, almost weightless.
• Caramel (#B27745): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#833F1F): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#561917): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#001401): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. 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

• Antique Chestnut Boulevard color palette (#F7D6E5, #BB8F5B, #8D552B, #5C3024, #091D0F)
• Bronze Dune color palette (#E3F3E3, #A38200, #724C00, #4C2500, #00130A)
• Softworn Bronze Harbor color palette (#FFDCE8, #936900, #623800, #3C1600, #000703)
• Frosted Marigold color palette (#FFF0F9, #E9A14B, #B15A3B, #6B303F, #00180B)
• Amber Thicket color palette (#EBDCEA, #B28600, #671521, #2A0006, #050005)
• Feathered Ember Chapel color palette (#F1DEEC, #E45A43, #655400, #851200, #000301)
• Taupe Ridge color palette (#E5F8E6, #BEAA6E, #8D6F42, #654428, #13281F)
• Driftwood Thicket color palette (#FFEBF7, #D5AFC0, #9A768D, #655063, #38262C)

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