Timeworn Petrol color palette — #F9EEF8 · #97B5E2 · #C5879F · #4E72AA · #492523

Slate and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Sky (#97B5E2): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#C5879F): A luminous, balanced rose — the color of pressed rose petals.
• Slate (#4E72AA): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#492523): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Sophistication. Tagged muted.

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

• Aged Pewter color palette (#FFECF3, #BBA8DE, #CC8973, #7A64A1, #362F2C)
• Timeworn Boulevard color palette (#FCECFA, #809CCF, #A87DA5, #458485, #31212F)
• Washed Drift color palette (#FCEDF6, #ABAEE3, #67ABA1, #6969AD, #24371E)
• Washed Cobalt color palette (#EEF6FF, #93B3D6, #BC8F58, #3675B5, #3B5538)
• Worn Driftwood Corridor color palette (#FBEDF8, #E9D1D4, #B5AB98, #9B849E, #43353F)
• Petrol Orchard color palette (#EAF6EB, #6EC3C9, #A49F63, #008189, #33312A)
• Weathered Lantern color palette (#FFEBFB, #B8CAF4, #7387B7, #3D4E7B, #2C1329)
• Timeworn Stone color palette (#F8EFF2, #EAB4AD, #7A5563, #412832, #1C1015)

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