Timeworn Cocoa Drift color palette — #EFD9DF · #9C686C · #6C3828 · #272100 · #030400

Built around Cocoa, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EFD9DF): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#9C686C): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#6C3828): A full-bodied, dusty orange — the color of autumn markets.
• Onyx (#272100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Bronze Bloom color palette (#FFE5DB, #A26F43, #674F21, #012904, #000502)
• Washed Basalt Terrace color palette (#F1E4FD, #98749D, #643353, #3F1500, #030100)
• Ancient Mulberry color palette (#F4EAFE, #94445C, #6B2223, #2C2000, #141300)
• Airy Scarlet Chapel color palette (#FEDFDD, #CD514F, #7D000E, #1B1D11, #170001)
• Softworn Alley color palette (#FFD8D4, #D79E8A, #956C4B, #3F4C23, #002003)
• Aged Abyss Chapel color palette (#FBD8EB, #927EAA, #865770, #005236, #00151A)
• Plum Veranda color palette (#ECDCE3, #B62269, #750034, #260009, #040000)
• Bronze Lantern color palette (#FFEEF1, #E9ABA9, #B1734C, #615C2F, #312B02)

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