Cocoa Canyon color palette — #FCF5E2 · #D98FA2 · #90713F · #326457 · #703414

Rust takes the lead with Dusty Rose close behind in a set that reads as optimism and balance at first glance.

The five colors

• Cream (#FCF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#D98FA2): A luminous, balanced red — the color of late-summer berries.
• Walnut (#90713F): A full-bodied, dusty gold — the color of honey in a jar.
• Pine (#326457): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#703414): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Ancient Terrace color palette (#FDF4E4, #E18E86, #807943, #6A4F6A, #6B3900)
• Lilac Drift color palette (#F5F7E3, #B997D7, #A4625E, #23646A, #554243)
• Cocoa Study color palette (#FFF3E5, #EAAE90, #B18A5D, #587954, #6A3A00)
• Aged Taupe Study color palette (#E7F7E8, #D89B7C, #91724E, #3B5C38, #38262E)
• Antique Corridor color palette (#FFF2F0, #E3C1A6, #99937B, #776373, #614C50)
• Ancient Coral color palette (#FFF2EE, #D87682, #3A7E70, #30577A, #244B42)
• Olive Hollow color palette (#FCF3EF, #C7EDE5, #6CA1BC, #667733, #5C4D5B)
• Aged Amber Coast color palette (#FFF3E8, #C28D12, #367954, #524570, #3F3D36)

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