Cocoa Orchard color palette — #FBF3F0 · #DFD8CC · #C4BEAF · #B16A61 · #612606

Built around Rust, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Bone (#DFD8CC): a clean, paper-quiet neutral.
• Stone (#C4BEAF): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#B16A61): A luminous, balanced orange — the color of autumn markets.
• Rust (#612606): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Studio color palette (#F9F3F8, #E3D7D8, #CAC3B8, #BD7269, #362A33)
• Antique Terracotta Veranda color palette (#FBF3F1, #DED9CD, #BEB1A0, #A43C40, #62250C)
• Patina Chestnut Corridor color palette (#EDE6DF, #BEB2A5, #A79272, #7A4300, #1C1106)
• Antique Moss Canyon color palette (#F8F5EB, #D6DCCF, #B6C6AD, #928916, #4F3D00)
• Amber Coast color palette (#FFF2EA, #FFC5BD, #FF985E, #CF8100, #4C2A11)
• Muted Lagoon color palette (#FFE4C8, #C6B090, #958969, #597232, #3A4B37)
• Dusty Bronze color palette (#F4E6DC, #C46100, #5B3600, #2D1E12, #130B07)
• Airy Workshop color palette (#FFEBD1, #E48653, #9D6C2D, #286521, #352F2A)

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