Worn Cocoa color palette — #F1EADD · #9DA66F · #409168 · #772D00 · #0E0900

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

The five colors

• Cream (#F1EADD): bright and airy, almost weightless.
• Sage (#9DA66F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#409168): A full-bodied, balanced teal — the color of sea glass.
• Rust (#772D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0E0900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Feathered Jade color palette (#D0F5E3, #81B574, #00958F, #6F4900, #080D00)
• Feathered Studio color palette (#F1E2EB, #C69A56, #709440, #7D1735, #1A0C00)
• Dusty Olive Hollow color palette (#F8EBD3, #978F4C, #6C7900, #4B3000, #0F0B00)
• Ancient Emerald Bloom color palette (#F9E8D5, #C8C364, #00A55D, #6F1900, #020100)
• Moss Study color palette (#E2F0E6, #B3AE4C, #80A300, #916200, #001107)
• Feathered Canyon color palette (#CBECE7, #77C7AF, #00A7C6, #676000, #001A0F)
• Dusty Olive color palette (#DCEEE7, #6C7E00, #004D62, #343D00, #000203)
• Muted Cobalt Delta color palette (#F3E8FC, #0081C5, #7D7000, #090F05, #000201)

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