Weathered Petrol color palette — #ECF9F4 · #EDD9E0 · #CEB2CB · #0071A8 · #35433E

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

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Shell Pink (#EDD9E0): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#CEB2CB): A luminous, dusty pink — the color of neon signs at night.
• Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#35433E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Garden color palette (#E8F6EF, #EED7DD, #D5B4C5, #00759D, #192922)
• Petrol Study color palette (#EEF8F2, #C7E0E0, #9EC6BA, #007692, #32453B)
• Softworn Indigo color palette (#FDF1F7, #E6D5D3, #D9AFBC, #6957BB, #493B42)
• Denim Dune color palette (#F2ECF3, #D4C8D2, #B694AD, #0F5696, #352936)
• Driftwood Meadow color palette (#FBF3F4, #E1D8D4, #AEAEA2, #91779B, #5A4F52)
• Turquoise Station color palette (#EEF8F3, #EEDBDF, #DCBFBB, #4BB1DC, #2D463B)
• Washed Veranda color palette (#E6E6FF, #B6A5D3, #9963A5, #7C4443, #593A0D)
• Wandering Teal color palette (#F1F8E8, #52B89F, #007A70, #005C62, #0A4539)

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