Cocoa Canyon color palette — #FBDDCB · #9C5C35 · #752900 · #480700 · #070200

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

The five colors

• Shell Pink (#FBDDCB): A whisper-light, dusty gold — the color of old brass.
• Ochre (#9C5C35): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#752900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#480700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

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

• Bronze Archive color palette (#EFE4D5, #846C27, #5B3F00, #351E00, #050300)
• Chestnut Orchard color palette (#FFDDC9, #824900, #4F1600, #280007, #060300)
• Muted Meadow color palette (#F7E7F1, #B46D32, #964420, #692625, #070300)
• Plum Cabin color palette (#EDDFE6, #B93E78, #89003F, #430010, #0F0001)
• Bronze Study color palette (#EBDCCE, #C7934B, #A16000, #763B00, #322001)
• Deep Station color palette (#F6E6DF, #920603, #353300, #002304, #000300)
• Linen Byzantium color palette (#F3E5E7, #A647AB, #830034, #5D0063, #060000)
• Shadow Archive color palette (#F8E4EB, #C24337, #3F0063, #0C0018, #040100)

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