Timeworn Cocoa Pier color palette — #F8EBFF · #D896B3 · #A75F60 · #7F3F00 · #4E3F00

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

The five colors

• Blush (#F8EBFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#D896B3): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A75F60): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#7F3F00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4E3F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Garnet Delta color palette (#F2F4FF, #C19AD4, #A3577B, #842B28, #533100)
• Abyss Parlor color palette (#FFEBF7, #DA9996, #A6673F, #5E5000, #2D4800)
• Misty Garden color palette (#FFECF4, #EFAAB1, #CF7B6F, #A64400, #533200)
• Antique Chestnut Thicket color palette (#F9F6E0, #B683B4, #985639, #02566F, #503532)
• Pewter Balcony color palette (#FCF3F2, #E2DAD0, #C3C1B2, #946379, #534342)
• Softworn Bronze color palette (#FFF1F6, #D7ABA4, #A5783D, #795A73, #62475C)
• Muted Amber Orchard color palette (#FFE9E8, #CD743A, #6A5400, #2C3C00, #002A19)
• Eclipse Terracotta Station color palette (#F2D6E0, #A22B00, #3F2600, #121100, #000402)

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