Weathered Petrol color palette — #EAF4F7 · #D6D8E7 · #C0BBC8 · #4F7C8E · #262D31

Slate and Silver set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Silver (#D6D8E7): A whisper-light, dusty violet — the color of wild irises.
• Stone (#C0BBC8): a calm mid-gray that lets other colors speak.
• Slate (#4F7C8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262D31): a grounded near-black with real depth.

Feels like: 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

• Aged Balcony color palette (#EFF6FB, #D7DAE4, #BBBFCF, #3B7E93, #3F4A50)
• Worn Denim Archive color palette (#EFF2F9, #DDD2DD, #C0B1C6, #5F5D94, #1D2029)
• Powder Villa color palette (#D7F6FF, #9EC0E3, #8683A2, #485A4E, #233B2B)
• Wandering Abyss color palette (#E0EEF6, #93A1B3, #73799D, #003D4B, #00050A)
• Stone Archive color palette (#EAF5EE, #99C08E, #478271, #425868, #112D29)
• Muted Canyon color palette (#D5E3F0, #007CBC, #292F49, #0A1722, #02070A)
• Hushed Aubergine color palette (#E3E5F0, #B6B0C1, #99869A, #4D2E7F, #080916)
• Dusty Turquoise Summit color palette (#FFECF2, #00B1BD, #5F64A3, #623D10, #0B2536)

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