Cocoa Orchard color palette — #FFF2EE · #E6D6CC · #EB9E90 · #A37263 · #713B0B

Bronze takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E6D6CC): A whisper-light, dusty gold — the color of old brass.
• Melon (#EB9E90): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A37263): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#713B0B): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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 Station color palette (#FFF3E7, #E3DEB9, #D0A766, #8F7A4A, #604500)
• Mallow Study color palette (#FFF1F3, #EED5D9, #DE9AC2, #9E6F85, #5B403C)
• Tempered Chestnut Alley color palette (#F5DFFB, #E0A7A8, #BD6E62, #8B4420, #462836)
• Apricot Meadow color palette (#FFE7DB, #FE973C, #B66B00, #623C00, #291A00)
• Tempered Harbor color palette (#FFF3E9, #E0D9CE, #E3A782, #8A5F46, #3C250F)
• Muted Taupe Lantern color palette (#FFF2EB, #EED6BF, #D2C1F9, #C88776, #5A3C49)
• Worn Amber color palette (#FFF2EE, #FFB28F, #E77600, #985500, #4E2D00)
• Hushed Veranda color palette (#FFF3E9, #DEDACB, #D3B4A3, #9AB2B4, #714002)

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