Cocoa Orchard color palette — #F3F4FF · #E7C0F5 · #CE8BA9 · #965F54 · #6C3B08

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#E7C0F5): A whisper-light, balanced pink — the color of neon signs at night.
• Dusty Rose (#CE8BA9): A luminous, balanced rose — the color of pressed rose petals.
• Walnut (#965F54): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#6C3B08): A full-bodied, balanced gold — the color of old brass.

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

• Hushed Rust Field color palette (#F2F5FF, #F3D6E0, #DA9FB6, #AE5256, #6F2A07)
• Ancient Bloom color palette (#FFF1F3, #FFBDCB, #D08E76, #8B6F3D, #474900)
• Wandering Garnet color palette (#DAFFEF, #B8CFFF, #A895CF, #925C7C, #6E3133)
• Worn Powder Chapel color palette (#F2F8E4, #C2B2F2, #BE7D85, #5E7759, #584045)
• Hushed Atelier color palette (#FECFFC, #FC82A1, #C96540, #784800, #363100)
• Hushed Pier color palette (#FFEDEC, #D876A9, #814622, #433433, #252021)
• Powdered Peony Delta color palette (#EBDDEF, #F265BA, #C5313A, #6F4000, #2A2100)
• Tempered Archive color palette (#FCF2F5, #E2D9D3, #B3B3A7, #B4909A, #594F52)

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