Timeworn Petrol color palette — #EFF6FF · #DBD7E5 · #B8BACF · #4569AB · #334154

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#DBD7E5): bright and airy, almost weightless.
• Ash (#B8BACF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4569AB): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#334154): 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 Petrol 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

• Ancient Meadow color palette (#EEF2F8, #D9D4DF, #C2BAD8, #1E6AC0, #1C2632)
• Denim Balcony color palette (#EBEFF5, #C7CBDD, #9F9DB7, #3F4C9B, #282E3A)
• Tempered Market color palette (#F9F3F9, #E9D5D5, #DBB8AB, #3486E8, #4B384C)
• Washed Driftwood Pier color palette (#F6F4FB, #E0D7DB, #B5AAA1, #9B748E, #54515A)
• Muted Coast color palette (#ECEBF7, #ACA5B9, #897793, #4F1D5F, #141120)
• Weathered Chestnut Atelier color palette (#ECEFFF, #ACAED6, #99688A, #695E1C, #1C573F)
• Antique Villa color palette (#E3FCEF, #96AE65, #3C7A36, #21557C, #0F4438)
• Hazy Boulevard color palette (#F1F5FF, #656FDF, #A50F3F, #444200, #00383C)

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