Weathered Petrol color palette — #EEF6FF · #D8D7E5 · #B0BBDB · #1F70A7 · #324250

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#D8D7E5): bright and airy, almost weightless.
• Ash (#B0BBDB): A luminous, dusty violet — the color of wild irises.
• Slate (#1F70A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#324250): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Weathered 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 Orchard color palette (#EBF3F9, #D9D5EC, #BDBCD7, #0D74A1, #162733)
• Antique Lagoon color palette (#EAEFF4, #C7CCD8, #989EBE, #13549C, #272F38)
• Worn Boulevard color palette (#EAFAF3, #F4DCE0, #E0BFB9, #3690BF, #36433E)
• Worn Driftwood color palette (#F5F4FB, #E0D7DD, #B8A9A1, #95749B, #525159)
• Hushed Aubergine Field color palette (#DFE1ED, #A9A7B8, #86779C, #431F71, #101224)
• Antique Grape color palette (#F4F4FF, #D5CFE5, #CC93AD, #7733A0, #313143)
• Dusty Cabin color palette (#EFF6FF, #ADA5EC, #A466A3, #6B552B, #2E5747)
• Mulberry Study color palette (#EFF6FF, #327AE2, #A10066, #523C00, #003A30)

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