Timeworn Cocoa color palette — #FFF0F8 · #C0BEEF · #BCB377 · #8885BB · #604A00

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#C0BEEF): A luminous, dusty violet — the color of a velvet chair.
• Sage (#BCB377): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#8885BB): A luminous, balanced violet — the color of a velvet chair.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

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 Lilac color palette (#FFF1F4, #D8B6E3, #8FC08F, #A579B2, #4D4E47)
• Apricot Harbor color palette (#EBF9F4, #92CCF3, #DDA27D, #5B93B7, #524C47)
• Washed Cobalt color palette (#FFF0FA, #A3ADDA, #93A15B, #5F6ABA, #4A5227)
• Antique Honey Station color palette (#F2F5FF, #D7CDFF, #DCC767, #AB9EDB, #365543)
• Lilac Cabin color palette (#FFF0F7, #B3A5EA, #D1956F, #5FA18E, #503B46)
• Tempered Bronze color palette (#FFF3E5, #D7C9B0, #B19677, #9C6735, #594500)
• Softworn Driftwood Delta color palette (#FFF1F3, #E5CDA8, #946F92, #604549, #342729)
• Ash Lagoon color palette (#FFF1F6, #D8CCFC, #A898CD, #6E608E, #502B3B)

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