Timeworn Petrol color palette — #EDF3F7 · #D7D7E4 · #C0BBD1 · #4E7B96 · #242D34

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

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D7D7E4): bright and airy, almost weightless.
• Ash (#C0BBD1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#4E7B96): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242D34): quiet, heavy and certain.

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

• Washed Indigo Corridor color palette (#EFF1FB, #DDD2E1, #C2BAD6, #6C5BAD, #212431)
• Dusty Pewter color palette (#D4E9FF, #B1BBDA, #807D9E, #74505D, #283F35)
• Washed Cypress Studio color palette (#EFF8F3, #E0D4D1, #C9B7B5, #557F6C, #414A46)
• Lagoon Cabin color palette (#E9F5F3, #8EC0AC, #21867D, #335B6E, #0F2C2E)
• Dusty Cobalt color palette (#D7E1F1, #4F72BD, #2A2F48, #0C1625, #03070C)
• Navy Thicket color palette (#E1EAF2, #94A1B5, #79769F, #003860, #00040D)
• Turquoise Summit color palette (#F0F6FA, #DBDAE4, #C0B5B0, #61A8C7, #364148)
• Aged Lilac color palette (#E9F3FF, #C4DFFF, #94C0FF, #9A85D6, #13223D)

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