Cocoa Orchard color palette — #FFF2EE · #E1D8D0 · #99B7CA · #D69FA9 · #74371A

Rust takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E1D8D0): a clean, paper-quiet neutral.
• Ash (#99B7CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#D69FA9): A luminous, dusty red — the color of embers at dusk.
• Rust (#74371A): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Worn Parlor color palette (#FFF1F3, #EDD5D6, #C8A7D7, #B9B4A5, #614445)
• Wandering Cocoa Drift color palette (#FFF2EF, #E1DBCF, #C8CA9F, #B182A7, #7A3C21)
• Patina Harbor color palette (#FFF2EE, #F29EA7, #89AEEB, #9285C2, #462B24)
• Taupe Dune color palette (#FFF3E5, #E7CCA6, #CAA578, #A38061, #403D36)
• Dusty Sand color palette (#FDF3EB, #F5CE9E, #B7896F, #815841, #2D1E12)
• Linen Coral Chapel color palette (#FFF2EE, #EEDAB6, #FEBD75, #F66F6A, #53230F)
• Amber Atelier color palette (#EEDACB, #D8A25A, #B19200, #A8511C, #190A00)
• Antique Chartreuse Station color palette (#C4EEE5, #B0E541, #FFB663, #5B5650, #2D2620)

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