Timeworn Petrol color palette — #ECF3F6 · #D4D7E1 · #BABBCB · #008399 · #212E34

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D7E1): bright and airy, almost weightless.
• Ash (#BABBCB): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#008399): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#212E34): 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

• Softworn Petrol color palette (#F1F7F2, #D0DFE1, #D9C2CF, #22828D, #434A44)
• Softworn Lagoon Hollow color palette (#E8F5F1, #91BDB9, #4A826A, #2B5D6B, #082E2B)
• Antique Thicket color palette (#E8F4FD, #C7D5E7, #9FABC7, #00628D, #0A1C29)
• Hushed Cobalt Summit color palette (#D9E3ED, #367BAD, #253147, #041727, #02070B)
• Hushed Terrace color palette (#D3EEFF, #B0C1D7, #7E85AD, #764E37, #1F3C25)
• Abyss Balcony color palette (#E2EDF5, #97A1AC, #697D9B, #003C4F, #00050A)
• Softworn Sapphire Villa color palette (#EDF2FB, #D9D3E1, #BCBCDB, #455ECF, #1A2539)
• Aged Turquoise color palette (#EFF6F9, #D9DBE5, #CEC2C4, #40AFBF, #374146)

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