Timeworn Pier color palette — #FFF1F4 · #E3D9D2 · #A1B5AD · #8F9BD4 · #573734

A conversation between Blue Fog and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D9D2): bright and airy, almost weightless.
• Ash (#A1B5AD): A luminous, dusty teal — the color of glacier melt.
• Blue Fog (#8F9BD4): A luminous, balanced violet — the color of a velvet chair.
• Cocoa (#573734): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Mallow Lagoon color palette (#F7F3FF, #E8D6DE, #A3C6C3, #C4AADB, #504759)
• Antique Quarry color palette (#FFF2EE, #CEFBDC, #E0DCCE, #BF90BA, #693201)
• Stone Hollow color palette (#F5F3FF, #E9DBD6, #DCB993, #667799, #4C4656)
• Ancient Pewter Chapel color palette (#FFF2EA, #F3D8B7, #C3917B, #915860, #34312B)
• Blush Villa color palette (#FFF2EB, #DEE3CB, #93E9DD, #D67893, #3A342F)
• Orchid Archive color palette (#FFF1F6, #E4DBD3, #FDCF50, #A26DF4, #460B1B)
• Tempered Petal Summit color palette (#C0FAFF, #FFCAF0, #D0D3E4, #49292C, #241A1B)
• Cobalt Lagoon color palette (#FFF2EB, #E69E89, #88AB61, #007BB2, #331F14)

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