Cocoa Canyon color palette — #F3E1EC · #9E5B25 · #762801 · #4B0009 · #070200

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F3E1EC): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9E5B25): A full-bodied, balanced gold — the color of old brass.
• Rust (#762801): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4B0009): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Bronze Workshop color palette (#E4F0E3, #876A18, #5F3D00, #3B1A00, #040300)
• Deep Delta color palette (#FBDDF0, #775020, #4F1500, #27000C, #050300)
• Worn Rust Delta color palette (#F5E2F1, #C54034, #534400, #6E0302, #020200)
• Chalky Terracotta Pier color palette (#FDE0D0, #AC722F, #A53300, #6D1D38, #050300)
• Timeworn Chestnut color palette (#D3EAD7, #9A8D42, #7A5B00, #583300, #161800)
• Garnet Veranda color palette (#FDE0F5, #842500, #003C2F, #001F3B, #050004)
• Hushed Rust color palette (#FFD3BE, #E0903E, #BD5400, #90281D, #382500)
• Bronze Delta color palette (#F6DBE5, #BB9862, #9D6223, #713D25, #052C18)

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