Weathered Petrol color palette — #F8EFF2 · #D8D1E4 · #839EC0 · #427382 · #2C354D

Slate takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D8D1E4): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#839EC0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#427382): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2C354D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Muted Petrol color palette (#EFF7F6, #D6DCED, #799EBD, #1C7A94, #3D556E)
• Cerulean Dune color palette (#DDF7FF, #75C1D8, #4996BC, #3E6389, #27354D)
• Gentle Denim Orchard color palette (#F4E6EC, #69A5C2, #0059A0, #003939, #050031)
• Taupe Market color palette (#E7F4FE, #85BBDA, #BD945C, #3C7999, #1F3820)
• Weathered Petrol color palette (#EFE6EC, #85BEC7, #00759B, #004D3C, #00162F)
• Cerulean Market color palette (#E8F3FF, #B8D3FB, #668FBC, #274A6F, #081B39)
• Worn Veranda color palette (#F0DFE4, #567C9F, #1D3183, #001E23, #020009)
• Tempered Abyss Loft color palette (#F1DFEB, #549795, #005361, #002E17, #00050A)

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