Timeworn Petrol color palette — #E4EFF5 · #AFAEC2 · #A190AE · #007D9E · #021622

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

The five colors

• Frost (#E4EFF5): bright and airy, almost weightless.
• Ash (#AFAEC2): A luminous, dusty violet — the color of wild irises.
• Heather (#A190AE): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007D9E): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#021622): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Sapphire color palette (#DEE2E8, #B3ADB9, #AD8FA9, #0C6ED8, #071425)
• Denim Station color palette (#E9F2EE, #BDAFBE, #A78CA0, #005A7A, #001910)
• Wandering Orchard color palette (#E4F0F9, #C3D2E1, #97A7C4, #005573, #000307)
• Wandering Abyss Ridge color palette (#E4EEE8, #AD98AC, #947080, #003D4C, #000603)
• Weathered Parlor color palette (#DBF4F4, #53A19F, #5579A6, #5B5D00, #00201C)
• Patina Denim Drift color palette (#DFEEE7, #74A67A, #008274, #005B8C, #001503)
• Timeworn Coast color palette (#E0E1E8, #CBBBC7, #C39CA9, #965AE1, #1C1D32)
• Azure Terrace color palette (#EDF7FF, #DBD7EA, #D0B8D7, #00A4E4, #17364B)

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