Cocoa Orchard color palette — #FFF2EF · #E0DCCE · #B5BDC9 · #D6A4B8 · #7D4121

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Ash (#B5BDC9): soft and architectural.
• Rosewood Mist (#D6A4B8): A luminous, dusty rose — the color of pressed rose petals.
• Bronze (#7D4121): 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

• Apricot Alley color palette (#FFF4E2, #B9E9D6, #CECAD4, #EA9A8B, #624B00)
• Aged Taupe color palette (#FFF0FD, #CCF6EC, #E8D6D7, #CC96A8, #5F4957)
• Hushed Cocoa Study color palette (#FDF3EB, #E8B69A, #80C5C2, #A58DC3, #5D3000)
• Aged Fern Quarry color palette (#FBF4EB, #E0D9C2, #CBB287, #AC8A72, #4A4C00)
• Quiet Blush Veranda color palette (#FFF2EB, #E1E0C1, #ABF394, #F472AF, #643917)
• Washed Oat color palette (#FAEDFD, #D6DAC9, #A3D1D4, #8984A1, #453942)
• Muted Pewter color palette (#FCF3EC, #EBDDB7, #BA967B, #8A634C, #322923)
• Worn Chestnut color palette (#D2E7FF, #8DEEFF, #FFC4B7, #8E5030, #3A302A)

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