Cocoa Orchard color palette — #FFE3F2 · #A76F3B · #863800 · #5E0805 · #120900

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

The five colors

• Blush (#FFE3F2): A whisper-light, dusty pink — the color of peonies in June.
• Ochre (#A76F3B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#863800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#5E0805): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#120900): A deep, shadowed, dusty gold — the color of old brass.

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

• Softworn Chapel color palette (#F9E3F0, #BF7A3E, #944723, #672421, #021C03)
• Cocoa Cabin color palette (#F8DFCE, #B4763A, #7E3400, #460101, #020100)
• Bronze Boulevard color palette (#D8E5D9, #907C32, #6D4B00, #4A2600, #0C0C00)
• Bronze Lantern color palette (#F0D7E5, #8C5C00, #5F2300, #3B0011, #0E0B00)
• Aged Marigold Summit color palette (#FDCFE3, #D9952B, #B15F00, #863718, #352700)
• Muted Mulberry color palette (#F9E4F8, #BF508D, #9A0046, #5B0105, #1B0500)
• Timeworn Atelier color palette (#D4F0E0, #9BA570, #7F7300, #634800, #182A05)
• Wandering Atelier color palette (#EEEDFF, #A760C5, #981C00, #690089, #050004)

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