Worn Cocoa color palette — #FFF2EE · #E0DACE · #A6BAD5 · #D9A4BB · #783C1D
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 (#E0DACE): a clean, paper-quiet neutral.
- Ash (#A6BAD5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Rosewood Mist (#D9A4BB): A luminous, dusty rose — the color of pressed rose petals.
- Bronze (#783C1D): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Worn Cocoa 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
- Cocoa Grove color palette (#FFF2EC, #B8F4EC, #DFDACD, #EEAAB1, #794215)
- Lichen Thicket color palette (#F9F2FD, #FBF9BE, #E9D8D8, #CFB7E1, #5C4C5A)
- Hushed Delta color palette (#FEF3E7, #E5D8C0, #CBB191, #B28869, #584500)
- Periwinkle Pier color palette (#FCF3EC, #EEB58B, #70C7CD, #7E97D9, #423C37)
- Blush Harbor color palette (#FFF2EC, #E2DCC3, #F2D37E, #F9718A, #653A23)
- Hushed Bronze color palette (#FDF3EC, #EEDBBE, #C59174, #965E30, #332922)
- Timeworn Driftwood color palette (#FEEBFE, #CEE7CB, #EAD1D4, #9785A3, #3F333D)
- Coral Parlor color palette (#FFE7D7, #D9D4AC, #A2CA8D, #EE6F6C, #4B2905)
Browse the whole catalog at Explore, or see today's palette.