Worn Petrol color palette — #EFF6FC · #DBD9E4 · #C6BCCA · #4D7A95 · #3F4951

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#DBD9E4): a clean, paper-quiet neutral.
• Stone (#C6BCCA): A luminous, dusty pink — the color of peonies in June.
• Slate (#4D7A95): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4951): a grounded near-black with real depth.

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

• Aged Petrol color palette (#EBF4F1, #DBD1D0, #CAB4B9, #4E79A0, #252E2C)
• Washed Powder color palette (#D5F1FF, #AFBDE8, #9287A2, #4F6C66, #31545A)
• Washed Studio color palette (#DFEBF7, #A1A9BF, #807A99, #003A61, #0A151F)
• Timeworn Denim Corridor color palette (#EEF6FF, #CAD1F1, #AAA0C4, #265B9A, #293440)
• Wandering Aubergine color palette (#EBEAF5, #C1B3C7, #A18497, #5F2C67, #201D2B)
• Tempered Stone Lagoon color palette (#FEF1F7, #C3AE70, #687B4A, #55586E, #36473B)
• Worn Market color palette (#F0F7F4, #DDD5D3, #73B4E0, #A6A89C, #3F4B47)
• Hushed Canyon color palette (#DAE5F8, #4966D3, #322F45, #171F2D, #0B0D12)

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