Cocoa Orchard color palette — #FFF2E9 · #E1DCC1 · #D6BF91 · #9E6E5D · #744406
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Bone (#E1DCC1): A whisper-light, dusty green — the color of new leaves after rain.
- Sand (#D6BF91): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#9E6E5D): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#744406): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged pastel, light, 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
- Aged Villa color palette (#FFF2EF, #E1D8CF, #E8AF9F, #99687D, #5C463F)
- Wandering Bronze Pier color palette (#FFF5D9, #CAF5C8, #C7C89D, #94722E, #584700)
- Moss Pier color palette (#FFF3E3, #E6C45B, #A8A100, #8D4F00, #473100)
- Dusty Driftwood Corridor color palette (#FFEEE3, #DDDAC4, #AFCBA1, #A46F6A, #352F2A)
- Tempered Bronze Atelier color palette (#F0E0D2, #C4944A, #9A7D00, #6B2F00, #201100)
- Aged Chestnut Corridor color palette (#FFF2EC, #B3FCE8, #E0DFC7, #DEA0C0, #744504)
- Patina Celadon color palette (#FFF5D5, #CEEB86, #90C07F, #7D6D1C, #48463F)
- Weathered Alley color palette (#FEF4E6, #CBA965, #6A4B02, #312D27, #1C1C0C)
Browse the whole catalog at Explore, or see today's palette.