Cocoa Orchard color palette — #F9F2FF · #E7C3E6 · #C387A1 · #9B5963 · #6F3028

A conversation between Rust and Pewter, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Thistle (#E7C3E6): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#C387A1): A luminous, balanced rose — the color of strawberry cream.
• Pewter (#9B5963): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#6F3028): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: 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

• Patina Blush color palette (#F4F4FF, #F2D6DC, #E594BB, #A86071, #602522)
• Cocoa Archive color palette (#FFF2F0, #FDBEBF, #CE9180, #956240, #5F3C00)
• Frosted Mulberry color palette (#FFF0FD, #D7AAB9, #AB7596, #923846, #703B00)
• Aged Bloom color palette (#F6E0ED, #E8809E, #BF3E47, #7C2B00, #3A1C00)
• Muted Garnet Thicket color palette (#F0F5FF, #C3C7F7, #A192C4, #876293, #6C2E5A)
• Softworn Grove color palette (#FFF4E2, #D6AED8, #BC7E8C, #5D784E, #594041)
• Tempered Blush color palette (#FDEDED, #CC7FA9, #67534E, #423434, #271F20)
• Antique Boulevard color palette (#FFD9FA, #FE94C0, #D85D77, #AD1A1C, #582600)

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