Cocoa Canyon color palette — #FFF2ED · #CDC690 · #96615E · #6B2E13 · #2B1E19

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Pistachio (#CDC690): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#96615E): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#6B2E13): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B1E19): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, 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

• Weathered Bronze Dune color palette (#FCF4EC, #E3CEA9, #A4713C, #704000, #332920)
• Rust Terrace color palette (#FCF1FB, #EFE8A9, #B35651, #542A28, #140D13)
• Mustard Station color palette (#FEF4E4, #E5B23B, #846300, #4B3700, #251802)
• Weathered Cocoa Loft color palette (#FBF2F8, #CDA680, #7D3B29, #4E1D0F, #2D1B27)
• Softworn Bronze Lantern color palette (#FBF3EF, #FBAE9C, #7F9B51, #B76754, #272511)
• Tempered Bronze color palette (#F0DEC8, #906F00, #3D2600, #1B2118, #0B0400)
• Dusty Mustard color palette (#F5E0D2, #C9A800, #913F00, #4D1E00, #1C0A00)
• Apricot Atelier color palette (#FFF3E4, #E4A066, #818E4D, #5A5D92, #413C36)

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