Cocoa Orchard color palette — #C7E3F5 · #8DABCD · #766C98 · #724125 · #3B2900

Bronze takes the lead with Slate close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Powder Blue (#C7E3F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8DABCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#766C98): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#724125): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#3B2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Wandering Corridor color palette (#D0DFFF, #A1A4BF, #7A6B8D, #524703, #09342C)
• Weathered Workshop color palette (#D5F6FF, #8AA5B8, #647BA8, #5F4662, #46210A)
• Washed Abyss color palette (#D6E9FC, #B4BDD5, #83809B, #734E5A, #153F2C)
• Weathered Boulevard color palette (#C8EFDD, #CFB3CF, #918BC8, #8B5526, #5F3E00)
• Wandering Bloom color palette (#EEEDFB, #AE859E, #875754, #2C4E00, #002419)
• Worn Study color palette (#ECF2FF, #CBCBE3, #9D91A9, #4F7764, #2A413D)
• Worn Aubergine Garden color palette (#D2E4FC, #66609B, #622967, #2A1C00, #0A0B00)
• Cerulean Delta color palette (#ECF4ED, #AECDDB, #3487A5, #005C55, #002339)

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