Cocoa Orchard color palette — #FFF2EB · #FFCAB3 · #E2A27F · #B88865 · #6E4100

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#FFCAB3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#E2A27F): A luminous, balanced orange — the color of autumn markets.
• Caramel (#B88865): A luminous, dusty gold — the color of old brass.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Washed Stone color palette (#FFF2EF, #FFC5CA, #E59B9A, #BF7F77, #57504C)
• Wandering Stone color palette (#FFF3E5, #FAD9B1, #D4AE80, #A9875C, #492E08)
• Timeworn Bronze color palette (#FFEBF8, #ECAB91, #B86833, #855128, #4C2F3A)
• Dusty Pier color palette (#FDF3E8, #DCDFCA, #96C3CD, #D2B397, #6C4900)
• Gentle Amber Market color palette (#FFD5B5, #FFAF54, #D68B00, #A57600, #553F00)
• Marigold Summit color palette (#FFEBD5, #E19F00, #B08400, #856D00, #342D00)
• Linen Hollow color palette (#EEEABB, #CCD186, #A1B455, #778E47, #354B22)
• Bronze Delta color palette (#FFE3D5, #BB5C00, #854A00, #543100, #130900)

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