Cocoa Canyon color palette — #FFF2EE · #A4B68D · #7A3B40 · #50171F · #2C1E1A

Rust and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sage (#A4B68D): A luminous, dusty green — the color of new leaves after rain.
• Rust (#7A3B40): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#50171F): A deep, shadowed, balanced red — the color of a theater curtain.
• Onyx (#2C1E1A): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, 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

• Antique Chestnut color palette (#FCF4E9, #BEAE7D, #6C4917, #412800, #1E1C08)
• Aubergine Alley color palette (#FFF1F4, #83BEA0, #683E72, #3E2044, #2B1D20)
• Patina Rust color palette (#FDF3EE, #DFC080, #A9564D, #48403D, #2D1E17)
• Moss Loft color palette (#F7DFD1, #989918, #662200, #320C00, #0F0800)
• Patina Canyon color palette (#FAF2FC, #D0DF89, #C47D8B, #6F5B74, #251F27)
• Antique Brick color palette (#FEF2EF, #DB9B9E, #008360, #AB213D, #1E2812)
• Muted Navy color palette (#FFF3E7, #CB816F, #6C6E2D, #4B4089, #423C37)
• Timeworn Bronze Lantern color palette (#FAF4EF, #DBDDD2, #BAC4B6, #A16334, #6A3A00)

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