Cocoa Orchard color palette — #F6DAEA · #B3681F · #893400 · #610108 · #130900

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F6DAEA): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#B3681F): A full-bodied, balanced gold — the color of old brass.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Oxblood (#610108): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#130900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Garnet Pier color palette (#FBE0ED, #B3804B, #8E4D23, #6B2012, #1F1400)
• Aged Cocoa color palette (#F7E0D1, #B37643, #813000, #460004, #020100)
• Dusty Cabin color palette (#DDF2DD, #987A0A, #6F4A00, #4B2500, #0D0C00)
• Hushed Study color palette (#F5E4F5, #A57C00, #6E001B, #260005, #050005)
• Ember Grove color palette (#F6E6F2, #CF5944, #575600, #821100, #000201)
• Patina Villa color palette (#F6D3E3, #D7953F, #B45C00, #8A3217, #362600)
• Dusty Driftwood Drift color palette (#F7E0EE, #CFA487, #AB6F5A, #7D4B4A, #432630)
• Nocturne Terracotta color palette (#F8D6EA, #923400, #004A42, #00214E, #060004)

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