Cocoa Canyon color palette — #F3E2EA · #753500 · #2F2B00 · #24002B · #170003

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

The five colors

• Rose Water (#F3E2EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#753500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Indigo (#24002B): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#170003): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged dark, 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

• Moonless Canyon color palette (#F3D7ED, #8E0507, #392600, #0A1800, #15000C)
• Deep Market color palette (#E0F7E4, #4E3900, #092500, #19000B, #050100)
• Olive Chapel color palette (#FFE3ED, #676A21, #542F00, #312916, #0E0700)
• Chestnut Canyon color palette (#ECDED2, #9B4E00, #005051, #002C35, #110017)
• Frosted Grove color palette (#FFE2EF, #E94A00, #A65400, #674600, #160800)
• Basalt Harbor color palette (#FCE5CD, #897849, #4A4700, #003628, #001E28)
• Bronze Chapel color palette (#F5E3CF, #B17000, #5A6D00, #00503F, #170001)
• Garnet Atelier color palette (#D2E7DC, #726B00, #005531, #5A001E, #311800)

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