Cocoa Canyon color palette — #FDF4E4 · #FFBCBD · #BCAE7A · #758DB2 · #6D3704

A conversation between Bronze and Rose Quartz, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#FFBCBD): A whisper-light, dusty red — the color of late-summer berries.
• Camel (#BCAE7A): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#758DB2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6D3704): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged retro, light, 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

• Muted Drift color palette (#FBF5DF, #EFC0DF, #D4A281, #699786, #5B403A)
• Aged Cocoa Summit color palette (#FCF4E8, #FFD2BC, #B5A06F, #347D90, #5C3400)
• Weathered Parlor color palette (#FFF3E9, #EFC99A, #8EBC94, #A87E8F, #5A4500)
• Timeworn Ash color palette (#FFF2F0, #EFDAC9, #C4C3A6, #B193A1, #5F4B55)
• Hushed Stone Station color palette (#EAFAED, #E8AF93, #A49062, #4C7589, #574049)
• Muted Shell color palette (#FFF2EF, #F9AFC3, #83B798, #887EB1, #433C61)
• Frosted Indigo Garden color palette (#FFF3E5, #FFA788, #A1B119, #6561CE, #4D2D00)
• Marigold Pier color palette (#FFEADA, #EAAC6B, #73A76E, #7C67A6, #33302A)

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