Cocoa Orchard color palette — #FFF2EF · #E0DACF · #B4C5A5 · #B27B97 · #7C3E22

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E0DACF): bright and airy, almost weightless.
• Pistachio (#B4C5A5): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B27B97): A luminous, dusty rose — the color of a warm blush.
• Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Dusty Driftwood Summit color palette (#FFF1F3, #E3D8D2, #E0C19F, #897DA6, #5F4747)
• Ancient Bronze Hollow color palette (#FFF3E5, #DCE5BD, #B1CEAA, #A96742, #664900)
• Tempered Plum Villa color palette (#FFF2EC, #E6DBBD, #E0B854, #B4485D, #5E361E)
• Cocoa Lantern color palette (#F9E6D2, #C7AF6F, #808D3A, #7E3000, #342200)
• Mulberry Summit color palette (#FFF1E7, #EBC7A0, #AB9F50, #9C2436, #332D28)
• Cocoa Veranda color palette (#FBF3EF, #D0BDA0, #7D523F, #592A00, #2A261D)
• Worn Garnet color palette (#F3E1DC, #BF7B5E, #986800, #600031, #200300)
• Wandering Bronze Cabin color palette (#FAF4EE, #D9BA9E, #7B8341, #9C5A1B, #2F2E27)

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