Worn Petrol color palette — #F1F5FB · #DCD9E3 · #C8BBD0 · #60749C · #434850

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

The five colors

• Ivory (#F1F5FB): a clean, paper-quiet neutral.
• Silver (#DCD9E3): a clean, paper-quiet neutral.
• Stone (#C8BBD0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#60749C): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#434850): a grounded near-black with real depth.

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

• Softworn Petrol Station color palette (#EDF2F9, #DCD6E3, #C7B9C5, #5F7794, #272D33)
• Softworn Byzantium color palette (#F5F4FC, #E7D4E2, #C9B2D3, #8A4D9B, #403E4A)
• Pewter Garden color palette (#F0F5FF, #B2AFD9, #8E7EA1, #676238, #2D544D)
• Dusty Bloom color palette (#F2EEF4, #C2B3C3, #A18499, #6F244B, #241B2A)
• Washed Pine color palette (#EDF8F3, #A4B889, #568055, #445C73, #2B4941)
• Indigo Loft color palette (#E0E4F4, #755AC4, #322D4D, #1B1E2E, #0D0C12)
• Navy Study color palette (#EBEEF5, #A4A8BD, #8F739C, #262682, #0E141F)
• Grape Harbor color palette (#E8FBEC, #8294D1, #81529E, #664800, #363C52)

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