Wandering Petrol color palette — #F0F6FC · #D9D7E4 · #AFB3C1 · #40678D · #303C49

A conversation between Peacock and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D9D7E4): bright and airy, almost weightless.
• Ash (#AFB3C1): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#40678D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#303C49): 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 Wandering 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 Petrol color palette (#EDF2F7, #D7D4DF, #B7B5C4, #006AA6, #15222D)
• Wandering Workshop color palette (#F0F7F4, #E5D7D9, #D6B9B2, #2888C4, #303E39)
• Driftwood Boulevard color palette (#F4F4FC, #DDD8DD, #B5A9A5, #7C7EA3, #51525A)
• Dusty Pewter color palette (#F5F4FB, #E5D5DF, #C9B4CE, #8B518D, #413D4D)
• Hushed Pewter Study color palette (#D7E6FF, #A2A9C7, #886282, #3F5E44, #26493E)
• Worn Hollow color palette (#F2F5FF, #D1D0E4, #AB9FC5, #6339B7, #2E3242)
• Antique Navy color palette (#E3EAF5, #B4B9C5, #8A8CA0, #174186, #132030)
• Softworn Mulberry color palette (#F0ECF7, #D1C9D5, #AA9BAA, #7E356D, #302B39)

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