Timeworn Cocoa color palette — #FFF1F5 · #F3CED5 · #D8B0B0 · #AB907E · #6F4100

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#F3CED5): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D8B0B0): A luminous, dusty red — the color of late-summer berries.
• Caramel (#AB907E): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Olive Drift color palette (#FFF0FE, #E6BCCD, #B59A97, #768541, #465409)
• Wandering Veranda color palette (#F0E5F2, #E5AAD1, #D17D98, #976D45, #4D3600)
• Antique Bronze Hollow color palette (#F0DBD4, #DAA598, #B98D71, #7F7025, #243D13)
• Cocoa Garden color palette (#EBD9E0, #A8737A, #8C564C, #5C4802, #111300)
• Gentle Wisteria Station color palette (#FFF1F2, #F5B3E9, #ECB069, #CA82BE, #5B3A0C)
• Basalt Thicket color palette (#F7F6EB, #C2DFB5, #93B794, #7F9882, #464600)
• Tempered Driftwood color palette (#F0F0FF, #B5AFCC, #A37491, #705765, #4D313C)
• Weathered Quarry color palette (#ECF7FF, #DBD7E9, #AFA8C1, #568A7F, #264F56)

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