Cocoa Orchard color palette — #FFF2ED · #E0DBCE · #B7C8D5 · #D9ACAE · #7D421E

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Oat (#B7C8D5): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#D9ACAE): A luminous, dusty red — the color of late-summer berries.
• Bronze (#7D421E): 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

• Taupe Studio color palette (#FFF0FE, #E9D9D8, #BCBBC6, #C09D82, #5A4A53)
• Washed Atelier color palette (#FFF3E3, #C9F7D6, #8DE3E9, #CAA489, #614B00)
• Tempered Celadon color palette (#FFF2EC, #E0E0C3, #D0E578, #E4879E, #4C4540)
• Seafoam Station color palette (#E5E0FF, #4CFDCE, #FFC3B9, #955638, #38302D)
• Apricot Veranda color palette (#FFF3E8, #F9B078, #A0B5EB, #8B97C4, #423C37)
• Bronze Coast color palette (#FCF3EC, #F1DDA2, #BF9474, #93602C, #312A23)
• Feathered Dune color palette (#F4DFD4, #EA9B3B, #9E9A00, #944A6F, #180500)
• Worn Mint Courtyard color palette (#FAF4EE, #FFD5AE, #7DC8B5, #CCA279, #2A3025)

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