Cocoa Orchard color palette — #F0D8E4 · #936830 · #6D2F00 · #480008 · #000802

A conversation between Rust and Espresso, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#F0D8E4): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#936830): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#480008): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000802): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Washed Corridor color palette (#DDF3E0, #7C732B, #593E00, #391900, #040600)
• Dusty Chestnut color palette (#F6DFE9, #A97D34, #824100, #571913, #001308)
• Frosted Rust Workshop color palette (#FFDEF1, #C9935A, #AE4600, #72252C, #00240E)
• Hushed Rust Garden color palette (#D3E2F0, #B55A3B, #002D47, #2A2127, #000912)
• Hushed Cocoa Field color palette (#DAF4FF, #005D6A, #633700, #1D2D00, #000304)
• Washed Driftwood Workshop color palette (#EAF5ED, #A2C4B6, #918251, #714B59, #1E302D)
• Inked Garnet Meadow color palette (#DAE9F9, #004983, #690022, #0A1C00, #000104)
• Mulberry Archive color palette (#D8E7F2, #0083B1, #78005A, #003C53, #020006)

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