Cocoa Orchard color palette — #F1D7EB · #A297C7 · #8A6387 · #634400 · #2F2A11

Bronze and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#F1D7EB): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#A297C7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#8A6387): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#634400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2A11): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, 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

• Hushed Ash color palette (#FEE4F0, #C296BB, #90655D, #404D20, #242B07)
• Ancient Corridor color palette (#D0F2E5, #B597B0, #856FA8, #734006, #382809)
• Weathered Atelier color palette (#C9EAFF, #A09DD2, #7E6D8D, #3C5A54, #244247)
• Softworn Mulberry color palette (#FFDFF4, #9372A9, #74335D, #342F00, #101000)
• Tempered Workshop color palette (#DDFFE8, #EBC9E3, #C48FBD, #6C7630, #333A00)
• Tempered Workshop color palette (#FFE3EE, #BA8582, #8D5528, #004339, #001F24)
• Ancient Bronze color palette (#FFDAED, #D9949D, #B9683E, #276048, #00363A)
• Wandering Olive color palette (#FFECF0, #E7BFBD, #B09286, #6A6F27, #3D4438)

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