Timeworn Pier color palette — #E8F1F8 · #919AA9 · #6B6F85 · #002F46 · #020A13

Midnight takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E8F1F8): a clean, paper-quiet neutral.
• Blue Fog (#919AA9): A luminous, dusty violet — the color of wild irises.
• Slate (#6B6F85): A full-bodied, dusty violet — the color of twilight just after sunset.
• Midnight (#002F46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020A13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. 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 Navy color palette (#DDE2F0, #9897AA, #776A87, #271867, #060813)
• Muted Ridge color palette (#D8DFE6, #9AA6B4, #7687A1, #004974, #020A13)
• Ancient Navy Pier color palette (#DEE2EC, #B7B7C8, #928A9F, #3B3883, #171E32)
• Ancient Petrol color palette (#E4ECE8, #B79DA3, #A38281, #006B98, #000D07)
• Basalt Pier color palette (#C8E8F9, #54618B, #482C50, #192700, #001409)
• Patina Denim color palette (#F1F5FC, #DCD6E1, #B4B1C0, #4D5F9E, #343B47)
• Hazy Aubergine Corridor color palette (#E3EEFA, #0094A9, #005CB4, #5F006A, #04001C)
• Moonless Chestnut Pier color palette (#FFE5EE, #705B00, #272F00, #050F40, #080500)

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