Timeworn Petrol color palette — #EEF7FB · #D9DAE5 · #C2BCCF · #537A90 · #3F494F

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D9DAE5): a clean, paper-quiet neutral.
• Stone (#C2BCCF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#537A90): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F494F): a grounded near-black with real depth.

Feels like: 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

• Patina Orchard color palette (#EBF3F7, #D6D6E0, #C0B9C7, #378095, #232E34)
• Patina Villa color palette (#F0F7F3, #DFD4D2, #A7A095, #539AB1, #414A45)
• Hushed Study color palette (#EAF7FF, #9BADD7, #8786AA, #536D60, #3B5453)
• Washed Abyss color palette (#E6F0F9, #9CAABE, #777E98, #003D56, #08151F)
• Stone Study color palette (#EBF9F4, #89BE99, #3E8175, #465D6C, #284948)
• Worn Aubergine Boulevard color palette (#EBEBFA, #BDB4CB, #9C85A0, #582D73, #1E1D2F)
• Misty Glacier Villa color palette (#EDF6FF, #4EF9F7, #7EC0FF, #A27EBE, #283954)
• Tempered Loft color palette (#D5E7FB, #0070D3, #2B3148, #182029, #090C13)

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