Cocoa Orchard color palette — #DEE9E1 · #94ABA2 · #718D8A · #564200 · #000D04

Built around Deep Olive, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#DEE9E1): bright and airy, almost weightless.
• Taupe (#94ABA2): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#718D8A): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000D04): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cocoa Basin color palette (#ECE1E8, #B29FA5, #738E7E, #782600, #12040D)
• Tempered Parlor color palette (#ECE6DE, #BFBBA7, #90966F, #4C3900, #020100)
• Chestnut Drift color palette (#DDE7E1, #8BA8A7, #939E71, #746300, #000D05)
• Tempered Bronze color palette (#EFECE4, #9D9A8E, #7F7126, #342A00, #0E0800)
• Forest Summit color palette (#D9E4E4, #A5B8BC, #7F9AA7, #006336, #001818)
• Washed Onyx color palette (#CFEDE8, #37856C, #005050, #4F1501, #000805)
• Softworn Amber color palette (#D2F2E1, #D07800, #778500, #00644B, #020800)
• Wandering Veranda color palette (#E6FAFA, #CCE3E9, #A6C3D4, #008D67, #17393B)

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