Cocoa Orchard color palette — #F5F3FF · #ECD6DF · #DF9FC1 · #9A6367 · #632B11

Built around Rust, softened by Carnation — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Silver (#ECD6DF): A whisper-light, dusty rose — the color of a warm blush.
• Carnation (#DF9FC1): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#9A6367): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#632B11): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Muted Driftwood color palette (#F2F5FF, #EDD0FE, #E0A7C9, #BF7678, #6C3A09)
• Weathered Atelier color palette (#FFF0F8, #E7D5D0, #DE998B, #92673D, #483B00)
• Patina Lilac Orchard color palette (#D8FFF3, #E9E2F2, #B5A1DD, #8D648D, #5F2A43)
• Patina Terracotta Alley color palette (#EBF2FF, #C9BAE6, #A77394, #8D333D, #4E1F00)
• Pale Scarlet color palette (#FFF0FD, #FF8ABB, #CF3E46, #652900, #201200)
• Tempered Taupe Atelier color palette (#F8F6E3, #E7D3FF, #CB8E9C, #617B59, #4C393C)
• Ember Canyon color palette (#FFF0FB, #FFAABD, #D76759, #7A4400, #2F2100)
• Softworn Blush Pier color palette (#FFF1F1, #E98AC3, #804029, #322828, #140D0F)

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