Timeworn Petrol color palette — #EFF6FA · #D7DBE5 · #BAC0D6 · #437E8C · #42494D

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

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D7DBE5): bright and airy, almost weightless.
• Ash (#BAC0D6): A luminous, dusty violet — the color of wild irises.
• Slate (#437E8C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#42494D): 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

• Petrol Veranda color palette (#EAF4F7, #D4D8E4, #BCBBCA, #527C8C, #242E32)
• Driftwood Meadow color palette (#F0F7F1, #CFDFE0, #D9C3C8, #78997F, #414B43)
• Aged Pewter color palette (#E2EDFF, #A8B2D5, #8283A1, #715776, #614048)
• Hushed Courtyard color palette (#D9E2E7, #9DABB6, #68829C, #003E50, #041620)
• Pine Boulevard color palette (#ECF8F6, #89BAB6, #3B845E, #3C6165, #284947)
• Aubergine Basin color palette (#E6E7EF, #B8B7C8, #8F89A8, #522F7A, #1D1E29)
• Misty Cobalt color palette (#ECF7FF, #74E6FF, #42C8FD, #4489D6, #27435A)
• Faded Terrace color palette (#E4FAFA, #4BA2CC, #2D6BB2, #663B68, #284054)

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