Timeworn Petrol color palette — #F0F7F3 · #DFD4D2 · #CAB7B9 · #26809A · #3F4B44

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#DFD4D2): a clean, paper-quiet neutral.
• Stone (#CAB7B9): A luminous, dusty red — the color of embers at dusk.
• Cerulean (#26809A): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F4B44): 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 Atelier color palette (#EBF3F8, #D4D8E5, #BBBCC9, #467D95, #242E34)
• Tempered Cabin color palette (#FBF2F8, #EAD4D2, #DEAEB2, #5561B6, #483B44)
• Driftwood Hollow color palette (#F8F3F8, #E2D7D8, #B0ADA2, #937795, #555155)
• Wandering Coast color palette (#ECF9F4, #E1CBDB, #AD9DCC, #006093, #233831)
• Tempered Abyss color palette (#E2EBE7, #B3A4B2, #7D79A4, #003D54, #071811)
• Worn Cypress color palette (#F7F6EA, #92BC99, #238571, #3B644F, #3F4800)
• Patina Chestnut color palette (#E0F8E5, #94C0B3, #9D7284, #765D0E, #3D513D)
• Weathered Cobalt color palette (#EDDFEE, #0072CB, #442838, #261A27, #081413)

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