Cocoa Orchard color palette — #FFF2F0 · #D4A286 · #733E52 · #432422 · #25160B

Built around Cocoa, softened by Camel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Camel (#D4A286): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#733E52): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#432422): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#25160B): A deep, shadowed, dusty gold — the color of old brass.

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

• Dusty Mulberry Quarry color palette (#FAEFEF, #BBB589, #744066, #3C1932, #180708)
• Mulberry Canyon color palette (#FEF2EF, #E2969F, #9A5E34, #953F4D, #312010)
• Tempered Cocoa Field color palette (#FEF2EE, #D8BA9E, #7F4F4B, #5F2405, #2C2317)
• Patina Chapel color palette (#FFF2EA, #D29340, #772F00, #431700, #1C1300)
• Dusty Pewter Pier color palette (#F7F3FF, #BDCC99, #935D83, #5E2F52, #251E2F)
• Softworn Blush Summit color palette (#FAF2FE, #FFC7A8, #CB7696, #6F597A, #251F28)
• Wandering Bronze color palette (#FFF0EC, #D69A82, #A3663A, #764400, #523300)
• Forest Bloom color palette (#FFF3E4, #C78566, #8A602E, #2F5A25, #423C37)

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