Timeworn Pier color palette — #F3F5FB · #B8BAF2 · #B95E5D · #6565A2 · #342A33

Brick and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F5FB): a clean, paper-quiet neutral.
• Lavender (#B8BAF2): A luminous, dusty violet — the color of wild irises.
• Brick (#B95E5D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Slate (#6565A2): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#342A33): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Tempered Mallow Market color palette (#FAEEF2, #D3B3F6, #A4708E, #7D6596, #201111)
• Tempered Drift color palette (#EFF6FC, #92C8E9, #A260A7, #2B759B, #2E2C39)
• Wandering Bronze Station color palette (#F6F4FC, #D8B2D4, #A47300, #8F558B, #273128)
• Worn Taupe color palette (#F4F4FC, #E2C2FC, #C784A1, #9A80AF, #322A37)
• Aged Driftwood Ridge color palette (#E5FBF3, #B39AD5, #A36073, #196662, #494556)
• Muted Peony color palette (#F2F5FF, #D0AAD9, #B66791, #87454B, #6D3721)
• Dusty Coral Lantern color palette (#F7F3FF, #DED7E1, #FFBAE4, #C97C6F, #4D4253)
• Tempered Chestnut color palette (#F0F6FF, #6883C3, #895D00, #005950, #2B323E)

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