Worn Petrol color palette — #F0F6FD · #DFD7EB · #BDB8CE · #376DA4 · #38414A

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DFD7EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#BDB8CE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#376DA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#38414A): 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 Study color palette (#F9EEF7, #E7D0D3, #CFB7C5, #4769AB, #2F1F2D)
• Antique Denim Market color palette (#E8EFF8, #C8CBDD, #A59BB7, #365488, #262E3A)
• Washed Driftwood color palette (#F6F4FC, #E5D7DD, #B4ADA4, #847C9B, #535159)
• Driftwood Terrace color palette (#DAF0FF, #ABA8DD, #A96484, #2F655E, #174B56)
• Ancient Aubergine Alley color palette (#DFE0EB, #AFA3BE, #8D778B, #462267, #12121E)
• Periwinkle Basin color palette (#FAF2FA, #E6D5D6, #B0AC9D, #62A6FF, #483A48)
• Ancient Taupe color palette (#FFF1F5, #AEA64F, #477838, #63426B, #1E4332)
• Misty Sapphire color palette (#EFF6FF, #2D72FC, #725500, #464100, #00361F)

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