Cocoa Orchard color palette — #FFEEE3 · #D39E7A · #966953 · #743A14 · #2D1F11

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

The five colors

• Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D39E7A): A luminous, balanced gold — the color of old brass.
• Walnut (#966953): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#743A14): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2D1F11): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Timeworn Study color palette (#FCF0E0, #CEB891, #A37A3B, #794D0A, #322B1B)
• Muted Amber color palette (#F1DCCC, #BF8C5E, #885737, #5D301D, #251400)
• Washed Moss color palette (#F7E8C1, #A5A63F, #786C00, #534200, #221C00)
• Bronze Boulevard color palette (#FFF0F9, #C19AAA, #98644C, #64465F, #2F432F)
• Worn Pewter color palette (#FFF2EB, #D2B99D, #AD866D, #8B5861, #403D36)
• Twilit Chestnut color palette (#F5DDCC, #8A5200, #542A00, #2C0E00, #030100)
• Mint Market color palette (#E9F5EE, #98C189, #005F72, #132E1F, #041008)
• Dusty Cobalt color palette (#E3F7EF, #0091CC, #8C6494, #256037, #041F17)

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