Cocoa Orchard color palette — #FFE8E1 · #FFC2B1 · #E2A584 · #AF875B · #664800

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

The five colors

• Rose Water (#FFE8E1): A whisper-light, dusty orange — the color of autumn markets.
• Wheat (#FFC2B1): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#E2A584): A luminous, balanced orange — the color of toasted spice.
• Caramel (#AF875B): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#664800): A full-bodied, balanced gold — the color of honey in a jar.

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

• Weathered Stone Chapel color palette (#FFEFEE, #FFC4D1, #F2A4A5, #C38771, #57514C)
• Aged Mustard color palette (#FFF2EA, #F4C79B, #CEAE6A, #949054, #4F4E46)
• Muted Amber Basin color palette (#FBE1FB, #EDA89E, #C6743D, #79501A, #273E2D)
• Ancient Marigold Cabin color palette (#FFE9E3, #FFAA78, #E19000, #9B7A00, #484700)
• Patina Apricot Coast color palette (#FDF3EB, #F7CBA7, #8ED1F3, #D69965, #295746)
• Aged Chestnut Meadow color palette (#FFF3E9, #DDE1CA, #A4C5D7, #D3AE9E, #724B00)
• Soft Boulevard color palette (#FFEBD8, #C18F00, #807D00, #416100, #002C05)
• Aged Sand color palette (#FFF3E7, #F0BB89, #88C6EF, #9B9ED9, #47413C)

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