Cocoa Orchard color palette — #FFF0EC · #FFC8C5 · #EEA89A · #BA806E · #743C10

Bronze and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0EC): a clean, paper-quiet neutral.
• Shell Pink (#FFC8C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#EEA89A): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#BA806E): A luminous, dusty orange — the color of toasted spice.
• Bronze (#743C10): A full-bodied, balanced gold — the color of old brass.

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

• Worn Stone Alley color palette (#FFF2EA, #FEC6A2, #E4AE7F, #AA8458, #57524C)
• Dusty Corridor color palette (#FAE3FA, #EAA6A2, #CC6D5C, #8A4D3A, #432938)
• Wandering Mallow Loft color palette (#FFF1F3, #FAC5ED, #DA9CC2, #B97D98, #694541)
• Softworn Pier color palette (#FFF2EB, #FBC8B1, #ACD4A4, #D99677, #4F5200)
• Tangerine Delta color palette (#F2DCD5, #FFA478, #F4780C, #B16200, #603800)
• Softworn Chestnut color palette (#FFF2E9, #DEDBCB, #DBB19B, #A9B4CA, #764608)
• Hushed Stone Loft color palette (#FFF2EA, #F5B79A, #BEC482, #D39ABF, #48413C)
• Tempered Mustard color palette (#FDE2B1, #E9C979, #BEAA51, #948A33, #4A4D1E)

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