Cocoa Canyon color palette — #FFEDE8 · #DFD7C7 · #D6CB8E · #AE807D · #5D2400

Espresso takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
• Bone (#DFD7C7): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#D6CB8E): A whisper-light, balanced green — the color of new leaves after rain.
• Caramel (#AE807D): A luminous, dusty orange — the color of toasted spice.
• Espresso (#5D2400): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Cocoa Canyon 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

• Antique Lichen Quarry color palette (#FCEFE4, #C4F9D1, #DCDEC3, #A8766A, #3E3A34)
• Aged Driftwood color palette (#FEEDEF, #E3D4CB, #A9AE95, #A57A8D, #4B3B3C)
• Feathered Orchard color palette (#FFEEE5, #E3D8B9, #E5B900, #AC5764, #3F1E05)
• Aged Chestnut color palette (#F8F1E8, #CBB999, #997E57, #7D4A14, #322C1A)
• Softworn Pine color palette (#EEE6D8, #969B5A, #008E43, #593100, #060500)
• Garnet Drift color palette (#FFE3D8, #B4744E, #896200, #64002E, #0A0100)
• Sunlit Lagoon color palette (#FCE8D0, #C3AB57, #73A200, #753000, #180E00)
• Cocoa Pier color palette (#FFF2F0, #E1DCCF, #D0B3DA, #9CBEB8, #783922)

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