Cocoa Canyon color palette — #FFF1F2 · #D29391 · #AB5B50 · #872D00 · #612B00

Rust takes the lead with Brick close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Camel (#D29391): A luminous, dusty orange — the color of sun-warmed clay.
• Brick (#AB5B50): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#872D00): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#612B00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Powdered Coral Boulevard color palette (#FFEDEF, #FFC1C2, #F19082, #B87058, #622900)
• Soft Bronze Loft color palette (#FFEDE6, #D6A383, #AA6821, #6C4600, #373F04)
• Hushed Study color palette (#FFE8FA, #F9A9C1, #E06E67, #9E4E00, #533A00)
• Aged Bronze color palette (#FFF1F5, #CA817C, #985636, #4A5400, #4F3248)
• Powdered Mulberry color palette (#FDF0FF, #CB9AC1, #A25687, #8A0D56, #730035)
• Washed Plum Hollow color palette (#F7F3F9, #DFD7DA, #CABABE, #A75772, #4B454E)
• Washed Rust Cabin color palette (#EDE0EB, #A9544D, #422939, #281926, #13090D)
• Inked Chapel color palette (#F4D8C7, #824B00, #432A00, #160E00, #010300)

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