Timeworn Cocoa color palette — #FFF1F5 · #F5D2D7 · #E19BB7 · #A86D67 · #7B4219

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#F5D2D7): A whisper-light, dusty red — the color of embers at dusk.
• Ballet Pink (#E19BB7): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A86D67): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7B4219): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Softworn Apricot Lantern color palette (#FFF1F0, #E6D6CD, #EBA686, #9F7A4F, #6A4D00)
• Antique Lilac color palette (#FFF0FE, #E2D7E7, #BB9DD5, #956488, #67433E)
• Tempered Peony Station color palette (#FFDADF, #E2A4C6, #C1698A, #874750, #3E3734)
• Timeworn Amber Field color palette (#FFEEF4, #FFA09F, #D97450, #8A4E00, #352700)
• Frosted Scarlet color palette (#FFE0F7, #FF89AD, #DA472A, #6A3400, #271A00)
• Washed Coral color palette (#FFF2EE, #F4D3C7, #91DDC9, #CD818B, #3C4C32)
• Washed Cocoa Field color palette (#FFF2F0, #E1DBCF, #DEAEB8, #9EC4BF, #7C3D25)
• Washed Cocoa Lantern color palette (#FFE8E6, #D2CEDA, #A49794, #682C12, #2B2320)

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