Cocoa Canyon color palette — #FFF2EB · #D8F4BE · #DFDCC9 · #DFA2A5 · #754409

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Honeydew (#D8F4BE): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#DFDCC9): A whisper-light, dusty green — the color of fresh herbs.
• Rosewood Mist (#DFA2A5): A luminous, dusty red — the color of a theater curtain.
• Bronze (#754409): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. 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

• Patina Coast color palette (#FFF1F0, #E1D9D0, #AFC2D0, #CCA4CC, #5B403B)
• Muted Summit color palette (#FFF2ED, #E0DEC8, #A8DABF, #A9829D, #683C00)
• Frosted Marigold color palette (#FFF4DC, #C2F6D2, #65ECDC, #D9A247, #44471A)
• Airy Chartreuse Courtyard color palette (#FFF3E7, #FBE099, #C1DC6A, #E77E5F, #4F3200)
• Tempered Basalt color palette (#FBF5E4, #CCD6A9, #B4AF78, #9A8559, #414000)
• Washed Sand Courtyard color palette (#FEF3E6, #ECD29E, #AE8F60, #785E37, #2A2012)
• Moss Balcony color palette (#EDE4D5, #ACAB54, #70A85F, #965511, #130E00)
• Washed Balcony color palette (#FCEDF6, #E6DFC8, #CEC18C, #AA6A68, #3D2A32)

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