Timeworn Cocoa color palette — #F5E8EF · #A9B8AA · #919064 · #6D2F00 · #15050E

Built around Rust, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Blush (#F5E8EF): bright and airy, almost weightless.
• Ash (#A9B8AA): A luminous, dusty green — the color of new leaves after rain.
• Moss (#919064): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#15050E): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Cocoa Station color palette (#D9E1DA, #A2BAAF, #6D9790, #593E00, #020E04)
• Garnet Summit color palette (#E9E3EB, #BFADBA, #A78191, #732040, #0F0712)
• Chestnut Pier color palette (#F2E4DA, #CFC2B0, #ACA48B, #8F4C22, #281D14)
• Spruce Terrace color palette (#E0EAE5, #7D938E, #4D7374, #2E2B00, #000201)
• Worn Villa color palette (#E0ECE9, #B9D1D0, #87ABB2, #436000, #071A15)
• Muted Abyss color palette (#CDE6D8, #678347, #00522D, #4B0F29, #000A07)
• Feathered Navy Hollow color palette (#FCDDD8, #997B44, #455C11, #2C1D5B, #270324)
• Sunlit Navy color palette (#E0EDE2, #A24400, #423D00, #10055F, #0B0400)

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