Cocoa Canyon color palette — #FFF2EB · #E8BBA6 · #B37064 · #813825 · #592C24

Rust and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E8BBA6): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#B37064): A luminous, balanced orange — the color of sun-warmed clay.
• Rust (#813825): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#592C24): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, 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

• Antique Bronze Canyon color palette (#FFF3E3, #E8CBA2, #9B7639, #684A00, #493401)
• Softworn Garnet Coast color palette (#FFF1F1, #F1BDBE, #AA7292, #71345A, #4A2940)
• Muted Cocoa Terrace color palette (#FFF2ED, #E0DBCE, #A5BFD6, #AB738F, #7B4218)
• Timeworn Coral color palette (#FFF2EC, #FFCFC3, #E08677, #91574A, #3B3431)
• Amber Workshop color palette (#FFE1C3, #C38245, #704500, #442500, #271400)
• Bronze Thicket color palette (#F9F4EF, #DDB897, #4E8D61, #9D5B03, #2D2F28)
• Timeworn Cabin color palette (#FFE9E1, #9E4406, #481500, #1D2419, #150400)
• Tempered Grove color palette (#FAF5E7, #9B9257, #3D8D8E, #505B8F, #403D36)

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