Worn Petrol color palette — #F6EFF5 · #E4D1D1 · #CBAFB5 · #476498 · #251E24

Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#E4D1D1): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#CBAFB5): A luminous, dusty red — the color of embers at dusk.
• Slate (#476498): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#251E24): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn 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 Courtyard color palette (#F1F6FC, #DCD7E1, #B6AFC4, #466591, #333B46)
• Washed Study color palette (#FDEDF2, #EEC9CC, #C8A19A, #6E4297, #29111B)
• Cerulean Courtyard color palette (#F0F5FE, #DBD8E2, #BEADA7, #7788BA, #292E39)
• Patina Boulevard color palette (#EAE1E7, #C1ADB4, #A38488, #2F3A86, #10070E)
• Weathered Fern Drift color palette (#DDF4EE, #AEA3CD, #976D84, #45540B, #202B0C)
• Grape Coast color palette (#F0D9E4, #6D42C8, #3C181F, #14080E, #040104)
• Hushed Garden color palette (#F9F1E3, #9AA76C, #3C733F, #5D394C, #201C08)
• Washed Cornflower color palette (#EDEBC9, #4689E8, #783E8E, #2D4005, #250F1E)

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