Timeworn Petrol color palette — #F0F7F4 · #D1DEE0 · #D2BDC1 · #1F7FA3 · #3E4B45

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D1DEE0): bright and airy, almost weightless.
• Stone (#D2BDC1): A luminous, dusty red — the color of embers at dusk.
• Cerulean (#1F7FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3E4B45): 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

• Softworn Petrol Atelier color palette (#EDF4F0, #DDD0CE, #CEB3B2, #288199, #262F29)
• Cobalt Study color palette (#F9F3F8, #DFD7D8, #B0ACA3, #6682B5, #584F57)
• Worn Indigo color palette (#FBF2F7, #E7D5D3, #D2B3B8, #625BB9, #4F3845)
• Tempered Bloom color palette (#F5F6EB, #A8B593, #368274, #41634C, #374A00)
• Cobalt Cabin color palette (#EEDFEE, #4972AC, #402A38, #271A27, #071516)
• Wandering Fern Villa color palette (#CFF7EC, #C9B0C0, #9B7985, #7B5B3A, #4A5202)
• Dusty Abyss color palette (#D8E3DF, #B3A4B2, #967389, #003C5B, #011912)
• Timeworn Mulberry Thicket color palette (#EAF9F4, #528FBD, #88497B, #673D00, #04432A)

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