Cocoa Orchard color palette — #FFF0FC · #DD9BAF · #AB6154 · #7D4000 · #513A00

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Rosewood Mist (#DD9BAF): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#AB6154): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#7D4000): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#513A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Dusty Chapel color palette (#FFF1F3, #DD9381, #A56833, #604D00, #3A4400)
• Softworn Dune color palette (#F7F2FF, #C692BC, #A7597B, #842A29, #5E2C00)
• Terracotta Alley color palette (#FFEEEF, #EEAEA9, #C97660, #A94200, #5A2D00)
• Patina Blush Quarry color palette (#FDF5DF, #CA7B9E, #8F5C3E, #0C566B, #54332A)
• Blush Drift color palette (#FFF2EE, #F9C2F7, #EE959E, #B38C3D, #5E3725)
• Weathered Courtyard color palette (#FCF3F1, #DFD9D2, #C4BFB0, #976274, #524442)
• Driftwood Lagoon color palette (#FFF1F2, #C9ADA1, #998362, #536E65, #5E4558)
• Wandering Meadow color palette (#FCE8EE, #FE564F, #9A4900, #4F3400, #2D2900)

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