Cocoa Orchard color palette — #FFF2EE · #DE989D · #7F4123 · #362723 · #140E0C

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rosewood Mist (#DE989D): A luminous, balanced red — the color of late-summer berries.
• Bronze (#7F4123): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#362723): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#140E0C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Muted Blush Hollow color palette (#FCEFEB, #F995A2, #A66C40, #62504B, #281F1F)
• Worn Taupe Ridge color palette (#FCF4E8, #BD9753, #5A4200, #2A1B04, #090502)
• Hushed Ember Station color palette (#FFF2EB, #F3551E, #5B2E0F, #270D00, #050100)
• Rose Meadow color palette (#F5E9F5, #CD5568, #49343F, #231B23, #0D0B10)
• Moonless Garnet Garden color palette (#F9DDD2, #75010A, #2A281A, #130701, #040000)
• Lowlit Chestnut color palette (#FBEAD6, #845300, #263230, #1A1100, #020100)
• Aged Blush Drift color palette (#FFF2EA, #F6BDA5, #BEC07C, #CF86BA, #3E3733)
• Nocturne Thicket color palette (#F4E1D4, #BB5300, #391D00, #0C130C, #0A0200)

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