Timeworn Cocoa color palette — #F9F4EF · #E6DDC7 · #BAB88E · #B08EA5 · #604A00

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#E6DDC7): A whisper-light, dusty gold — the color of old brass.
• Sage (#BAB88E): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B08EA5): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Timeworn 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

• Fern Villa color palette (#F8F5EE, #E0E0C2, #95C2A5, #86A38B, #545000)
• Timeworn Powder Ridge color palette (#FFF1F4, #E3D9D2, #B4B6EC, #9CB1A6, #634C4E)
• Wisteria Ridge color palette (#FFF1F4, #E6C9F0, #AED49E, #C88EDC, #4D4E46)
• Muted Quarry color palette (#F8F6E7, #C7CEA9, #5DB39B, #9A73A1, #35362F)
• Timeworn Taupe color palette (#EFF7F4, #BBD9D1, #86A67F, #568693, #3C534D)
• Worn Teal Basin color palette (#FFF1F3, #E1B8DC, #A9CA89, #4DBDB3, #543A3E)
• Softworn Coast color palette (#FFF1F3, #F5D3C5, #D9A1CC, #AA70A6, #51292E)
• Airy Study color palette (#F6EAD1, #B4CA88, #04B552, #8B66B4, #263300)

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