Worn Petrol color palette — #FAF2F8 · #E4D7D6 · #CABCB6 · #67719D · #4F444C

Slate and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#E4D7D6): a clean, paper-quiet neutral.
• Stone (#CABCB6): soft and architectural.
• Slate (#67719D): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#4F444C): quiet, heavy and certain.

Feels like: 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

• Antique Workshop color palette (#FFF1F3, #E6D6CB, #D0B6AB, #8E4F8C, #4B3B3D)
• Aged Pewter Lantern color palette (#EFF8F3, #E4D3D1, #CCB7B9, #567F6B, #404A45)
• Tempered Driftwood color palette (#FCF2F5, #E4D8D3, #ACAFA6, #9D7583, #575053)
• Dusty Studio color palette (#F6ECEC, #DDC6C1, #B49A8D, #734165, #39292A)
• Muted Basalt color palette (#F9F5EA, #A1B98B, #537F63, #704F5B, #484400)
• Hushed Wisteria Basin color palette (#FFF1F6, #DBDCF9, #C49DF6, #BD7491, #56373F)
• Wandering Navy color palette (#F7EAF1, #B9A2A8, #9B7374, #322874, #1B1017)
• Dusty Corridor color palette (#F8DCE6, #8652BE, #47282A, #271B20, #110A0B)

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