Worn Cocoa color palette — #F9ECE1 · #DCA260 · #A68E47 · #712C00 · #1A0C00

Rust and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Camel (#DCA260): A luminous, balanced gold — the color of honey in a jar.
• Moss (#A68E47): A luminous, balanced green — the color of new leaves after rain.
• Rust (#712C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1A0C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. 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

• Antique Olive color palette (#EDE3D5, #A8985A, #797E00, #502D00, #0C0800)
• Sunlit Garnet color palette (#FEE2D6, #E5A08C, #AF754B, #89273A, #270400)
• Hushed Bloom color palette (#E7DFC7, #A2B180, #6BA14D, #5E4C00, #0F1200)
• Washed Rust Courtyard color palette (#FFE6F1, #E1B177, #B79A4D, #AF4700, #371B00)
• Washed Market color palette (#FBDAEB, #DAB475, #6F9541, #8F103C, #3B2000)
• Dusty Moss Market color palette (#FFF2C4, #D9D78E, #97AF57, #7D5700, #242000)
• Tempered Oat color palette (#FFEFDD, #D9E0BF, #CFC88F, #926D52, #332E28)
• Antique Bronze Hollow color palette (#FFEBDF, #A35D2B, #712B00, #440B00, #0C0300)

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