Cocoa Canyon color palette — #FFE5F0 · #E0909D · #A95B54 · #793604 · #533100

Built around Bronze, softened by Brick — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FFE5F0): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#E0909D): A luminous, balanced red — the color of late-summer berries.
• Brick (#A95B54): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#793604): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#533100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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 Ridge color palette (#FFECF4, #FFBAC1, #F28A7F, #C06535, #573500)
• Weathered Lantern color palette (#F8E6FF, #CD95BC, #AB5F7A, #7E2E35, #6A1C00)
• Weathered Blush Thicket color palette (#FFF4E2, #CA7E8F, #8F5B43, #065B4B, #533429)
• Worn Chestnut color palette (#F7EAFF, #E4ACCA, #CE7A77, #985000, #463800)
• Muted Fern color palette (#FFF2ED, #E4AB93, #A87F5B, #71561C, #364D17)
• Hushed Courtyard color palette (#FCF3F1, #DED9D3, #C4BEB2, #946761, #504543)
• Ancient Studio color palette (#F6DFD6, #A9544D, #4E2700, #291B15, #120A05)
• Airy Amber Chapel color palette (#EEE1D9, #BE862A, #675500, #363C00, #122D00)

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