Timeworn Pier color palette — #FFF0F9 · #EED3D2 · #C8A1BA · #8A7088 · #4D383F

Mauve and Slate set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#EED3D2): A whisper-light, dusty orange — the color of toasted spice.
• Mauve (#C8A1BA): A luminous, dusty pink — the color of a candy shop window.
• Slate (#8A7088): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#4D383F): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Taupe color palette (#FCF2F8, #F1CFDA, #D0A7C2, #B7818D, #394D41)
• Antique Courtyard color palette (#EDF9EC, #C2E3DD, #9BB799, #8E707E, #31443A)
• Timeworn Driftwood color palette (#FCEFE8, #CFB69D, #AA7362, #704E48, #312B1F)
• Muted Shell Canyon color palette (#FFF0FD, #F7ADAB, #85BBAC, #588A9E, #3B2C3A)
• Aged Driftwood Dune color palette (#FAF2FA, #BEECF6, #987A9A, #504051, #211722)
• Bronze Bloom color palette (#FFF0F9, #E8DEC6, #CAAD7D, #867C34, #384500)
• Moonless Bronze Lantern color palette (#F3D7E5, #976631, #602A00, #290300, #020100)
• Softworn Orchard color palette (#E4FEE2, #CAAF6E, #9F6A0F, #6D3500, #151300)

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