Cocoa Canyon color palette — #FADDEA · #AE7948 · #783A00 · #3C1300 · #020100

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FADDEA): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#AE7948): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#783A00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3C1300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

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

• Worn Driftwood Atelier color palette (#D7F1DD, #978541, #614900, #2F1E00, #010100)
• Dusty Chapel color palette (#F8DDEA, #BF8E65, #954600, #571C00, #080300)
• Dusty Mulberry color palette (#FDE2EA, #CE6279, #95002B, #470102, #040000)
• Bronze Veranda color palette (#FFF1F5, #E0B274, #B26B00, #763B00, #221600)
• Aged Terracotta Market color palette (#FFF0F9, #E3B9D0, #BE7359, #8E392D, #311824)
• Timeworn Olive Basin color palette (#E5FBF1, #AEB987, #7B7C00, #504700, #0D1600)
• Dusty Garnet Terrace color palette (#ECE7F5, #C06BAC, #94001B, #690059, #040000)
• Inked Aubergine color palette (#DEDDF2, #CA7164, #43005A, #16060F, #030005)

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