Worn Cocoa Canyon color palette — #FFF2EE · #E0DFCD · #B5BDC9 · #DBA3B1 · #774012

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0DFCD): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#B5BDC9): soft and architectural.
• Rosewood Mist (#DBA3B1): A luminous, dusty red — the color of a theater curtain.
• Bronze (#774012): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Worn 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

• Softworn Sand Basin color palette (#FEF1FA, #F6E4B2, #E6D6D5, #CCB1D0, #5C4B53)
• Apricot Station color palette (#FDF4E4, #BCE5D9, #D1C7D2, #E09C85, #4F4100)
• Wandering Cocoa color palette (#FFEADA, #D8D3DD, #A09590, #6A3B00, #312923)
• Aged Basalt Drift color palette (#F9F5EB, #D4E4C8, #C0AC84, #967155, #3C4500)
• Peony Workshop color palette (#FFF2EB, #C1FBED, #C9E0CD, #E16085, #5E370C)
• Softworn Oat Workshop color palette (#FFF0FE, #E8DAD7, #B3DEC1, #8F84A7, #594B52)
• Airy Garnet color palette (#FFE8DC, #D2AE7E, #649E60, #73004F, #020100)
• Weathered Cobalt color palette (#F9F5E6, #C2CA87, #83BE97, #797ABC, #33322B)

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