Cocoa Canyon color palette — #FFEDE9 · #DFD8C7 · #E2CB87 · #976B8B · #5A2300

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

The five colors

• Cream (#FFEDE9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bone (#DFD8C7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#E2CB87): A whisper-light, balanced green — the color of a quiet forest floor.
• Slate (#976B8B): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#5A2300): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Weathered Cocoa color palette (#FCEFE7, #DEDCC5, #B1B0BD, #AC7B81, #5B3500)
• Ancient Hollow color palette (#FEEEE5, #DDDFC4, #BBC97B, #9E606D, #342E2A)
• Stone Courtyard color palette (#FFECEF, #E9D2C3, #F6AF99, #7F79A7, #412727)
• Hazy Rust color palette (#FFEFDF, #F9EF97, #78CA81, #BC5045, #3B2A08)
• Aged Stone color palette (#FCF0FF, #D9DACE, #9FD0AF, #B08AAB, #5B4655)
• Soft Moss color palette (#FFEDE6, #FFB76F, #9DAC00, #A1376A, #321400)
• Bronze Lantern color palette (#F9F0E5, #BBAA80, #936D2F, #6A4027, #26230F)
• Hazy Orchard color palette (#F1DBCB, #A58E3F, #4F7D1A, #600013, #050200)

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