Cocoa Orchard color palette — #F6E2F6 · #9C8CB0 · #8E5968 · #673B00 · #433000

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

The five colors

• Blush (#F6E2F6): A whisper-light, dusty pink — the color of peonies in June.
• Heather (#9C8CB0): A luminous, dusty violet — the color of wild irises.
• Pewter (#8E5968): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#673B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#433000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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 Mallow Pier color palette (#F2E1E8, #CCA2E1, #AF83A9, #A56842, #533015)
• Garnet Study color palette (#FCE8F8, #8F7E9F, #813746, #543400, #312500)
• Garnet Archive color palette (#E1E7F4, #8692B2, #6E5C89, #6B3240, #48241D)
• Chestnut Terrace color palette (#EEE8F8, #A99BB3, #9C6C6F, #6B4D18, #2B503C)
• Muted Cocoa color palette (#FCDCE4, #9D6263, #7E2F17, #352D00, #00210A)
• Hushed Mulberry color palette (#D1E7FF, #8D87B8, #874574, #184E2E, #002516)
• Dusty Station color palette (#C8EAE0, #CA9FB3, #A8628C, #426747, #304400)
• Ancient Lantern color palette (#FFF0F9, #CBB8C0, #819581, #4A7872, #355360)

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