Worn Cocoa Workshop color palette — #FFF2EF · #E3D2CC · #E1A984 · #AAAB91 · #6E3117

A conversation between Rust and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E3D2CC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sand (#E1A984): A luminous, balanced gold — the color of afternoon light on wheat.
• Sage (#AAAB91): A luminous, dusty green — the color of fresh herbs.
• Rust (#6E3117): A deep, shadowed, balanced orange — the color of autumn markets.

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

Use it as a design system

One click turns Worn Cocoa Workshop 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 Cocoa Lagoon color palette (#FFF3E8, #C5FBDA, #E5DBD4, #BAB87A, #664000)
• Patina Pier color palette (#FDF1FD, #E8D6D7, #F8B887, #ABB1A7, #503F4D)
• Weathered Abyss color palette (#FFF2EF, #E7CFC1, #BAA78F, #7D8979, #365243)
• Chalky Amber Canyon color palette (#FFF2EB, #FFD2DC, #FFA48E, #C88E00, #4F2400)
• Timeworn Bloom color palette (#FFF1F3, #E5D9E7, #F7BCF3, #ED9DB1, #5D4042)
• Washed Amber color palette (#FEF3E9, #E8B999, #88B7DD, #B87D52, #2F564B)
• Coral Parlor color palette (#FDEEE9, #D97D7C, #80481C, #5F2209, #281F1E)
• Powder Corridor color palette (#F9F4EE, #C7EBEB, #8EB6DB, #589199, #614A5F)

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