Worn Cocoa color palette — #F5ECF1 · #C2AEB5 · #7D9F84 · #883500 · #1F0D18

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

The five colors

• Blush (#F5ECF1): a clean, paper-quiet neutral.
• Rosewood Mist (#C2AEB5): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#7D9F84): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#883500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1F0D18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Chestnut Orchard color palette (#E7EEE7, #A7B9AE, #7D9E91, #6F4B00, #09180A)
• Terracotta Parlor color palette (#F4EDF3, #C2ADB9, #AE8996, #9D030F, #1D0D1B)
• Softworn Atelier color palette (#EFE0D9, #B6B395, #909E7B, #B64B2E, #1D1009)
• Garnet Grove color palette (#F4ECF1, #A0AE9F, #808355, #661700, #1D0E19)
• Cocoa Drift color palette (#F8EBE3, #DECCBB, #B5A388, #803201, #060100)
• Garnet Grove color palette (#D2E8DA, #7F8B38, #306100, #6E0107, #0E1100)
• Washed Bronze Villa color palette (#E7F1EB, #CFDBD6, #9CC0BA, #817200, #213229)
• Tempered Olive color palette (#F5D8C4, #9B8955, #4E7016, #003F64, #121043)

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