Worn Petrol color palette — #F0F6FB · #DBDAE4 · #C5BCD0 · #4A7B97 · #3F4951

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C5BCD0): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4A7B97): A full-bodied, dusty blue — the color of deep harbor water.
• 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

• Washed Corridor color palette (#EBF4F1, #DDD0CF, #CAB4B9, #547998, #222F2B)
• Hushed Boulevard color palette (#F3F5FC, #E1D5E2, #C4B6CF, #6D57B6, #3B3F4E)
• Washed Driftwood Terrace color palette (#E8F7FF, #A0B0CD, #9B7DA8, #3E6A5D, #334E56)
• Weathered Coast color palette (#DBE3EA, #9FA9C0, #7A7C9D, #003A62, #051524)
• Ancient Station color palette (#EFF6FF, #CBD2E6, #B899C6, #1357AD, #253446)
• Tempered Olive Orchard color palette (#FCF2F5, #BEAF7D, #6D7B39, #4A5A76, #314939)
• Timeworn Meadow color palette (#E4E2EC, #BFB4C7, #A0839E, #66216E, #201D2A)
• Airy Glacier Coast color palette (#EFF6FF, #62E8FF, #89BDFF, #B579B9, #34405D)

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