Cocoa Orchard color palette — #FFF1F5 · #8BB296 · #8B6B4A · #724433 · #2C4339

Coffee takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sage (#8BB296): A luminous, dusty teal — the color of sea glass.
• Walnut (#8B6B4A): A full-bodied, dusty gold — the color of old brass.
• Coffee (#724433): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#2C4339): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Ancient Bronze Station color palette (#FFF0F9, #C3A07D, #956550, #624761, #2F4334)
• Ancient Pewter Archive color palette (#E5FCEE, #8AB1A4, #7D7340, #3F5A3E, #224440)
• Worn Chestnut color palette (#DFECDE, #A6965C, #815B23, #633720, #17372D)
• Hushed Cocoa color palette (#FBF0E4, #BCA88D, #926D43, #723C04, #2D200A)
• Patina Apricot Quarry color palette (#FFF3E6, #E2CF9E, #D3A16D, #B07864, #3F3D36)
• Weathered Fern color palette (#ECF9F3, #C9A97A, #505717, #083729, #0D1F20)
• Wandering Fern color palette (#EEF8F3, #AEB478, #15799E, #606500, #172630)
• Petrol Thicket color palette (#E6FAF8, #519261, #3876A9, #703E6B, #113A38)

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