Cocoa Orchard color palette — #FFF2ED · #FFC8BC · #CB8980 · #885954 · #5D2203

Built around Espresso, softened by Dusty Rose — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC8BC): A whisper-light, dusty orange — the color of toasted spice.
• Dusty Rose (#CB8980): A luminous, balanced orange — the color of sun-warmed clay.
• Pewter (#885954): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5D2203): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, 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

• Wandering Taupe Canyon color palette (#FFF3E8, #FFD3AE, #CC9666, #825C3F, #38332E)
• Weathered Ash color palette (#FFF1F1, #FFBFE7, #C88AB2, #825875, #4F2C2F)
• Cocoa Courtyard color palette (#FFF2EC, #EEB5A7, #AE706B, #733E39, #5F2700)
• Muted Bronze Balcony color palette (#FFF3E2, #D9C9A5, #AF9773, #9A6931, #554700)
• Amber Summit color palette (#F6EBD8, #C79100, #7B5E00, #402E00, #0E0800)
• Chalky Apricot Veranda color palette (#FFE3C9, #F78F0E, #AB6000, #603700, #210F00)
• Ember Chapel color palette (#FFF2EB, #FFAC78, #D46300, #8E3F00, #3D1600)
• Washed Apricot Dune color palette (#FFF3E8, #DE9A57, #63A7B9, #6D78A3, #593300)

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