Timeworn Pier color palette — #F8F3F8 · #E2D7D9 · #CFBBBB · #6A92C1 · #4D454D

A conversation between Slate Blue and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E2D7D9): bright and airy, almost weightless.
• Stone (#CFBBBB): A luminous, dusty red — the color of a theater curtain.
• Slate Blue (#6A92C1): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#4D454D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Wandering Atelier color palette (#FCF2F5, #E6D6D0, #D2BAAC, #A167CF, #4B3B40)
• Iris Harbor color palette (#EDE0E8, #8285D9, #5F444E, #392733, #1C161C)
• Softworn Fern Grove color palette (#FFF0FC, #DCC1CC, #B38D91, #8E7A4B, #554E00)
• Washed Basalt Summit color palette (#F9F5EC, #CEC59B, #7D9A68, #447896, #4E4200)
• Soft Pier color palette (#FFF4E2, #8FB2EC, #9076BE, #8A5600, #4D3446)
• Indigo Pier color palette (#FBF2F8, #EFD6E1, #DBB1BC, #585FF5, #3F2C39)
• Patina Market color palette (#FFF0FB, #D7DEFA, #B5C3FF, #CA7FE8, #523445)
• Hushed Periwinkle color palette (#FDF1FB, #87A3E7, #AD6785, #7B5600, #00432E)

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