Cocoa Orchard color palette — #FFF2EE · #E0DACE · #DEA8BF · #95BFBC · #783B1E

Built around Bronze, softened by Ballet Pink — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Ballet Pink (#DEA8BF): A luminous, dusty rose — the color of strawberry cream.
• Ash (#95BFBC): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#783B1E): A full-bodied, balanced orange — the color of autumn markets.

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

• Softworn Cocoa color palette (#FCF4EA, #E5D7BF, #CAB193, #B2886B, #594500)
• Worn Vanilla Terrace color palette (#FAF2FF, #FCF9BF, #E9D7D9, #AEABD2, #594C59)
• Muted Periwinkle color palette (#FFF3E9, #E9B694, #70C7CD, #7E99CF, #423C37)
• Timeworn Blush color palette (#FFF2EC, #DBF0A5, #E5DBC0, #F4848E, #603B28)
• Worn Meadow color palette (#FCF3ED, #F1DBB8, #C39178, #8B624D, #352820)
• Apricot Garden color palette (#F9F4EF, #FED5B2, #99C68D, #DD9A5F, #2E2E28)
• Jade Meadow color palette (#F3E4C9, #95C197, #65B976, #A86600, #201E00)
• Plum Loft color palette (#FEDFD3, #DC9876, #C08705, #AC2C64, #210600)

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