Wandering Petrol color palette — #F1F3ED · #C4E2E7 · #849EC2 · #287398 · #422E40

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F1F3ED): bright and airy, almost weightless.
• Silver (#C4E2E7): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#849EC2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#287398): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#422E40): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Muted Cypress color palette (#F2F2EC, #C5E2DC, #69A7B6, #007B79, #1E3E2E)
• Softworn Terrace color palette (#D5F6E7, #8CBDE1, #4C87B8, #35619A, #442C43)
• Ancient Drift color palette (#FBF3F5, #DBDDED, #8496D1, #277B8A, #4D5166)
• Weathered Boulevard color palette (#F6EFF7, #93B7DE, #76AA86, #2174C0, #30322B)
• Softworn Cerulean Hollow color palette (#FDECFA, #E9D0D3, #D4B19D, #698EBB, #42313D)
• Timeworn Lagoon color palette (#DFF8F1, #73A1CC, #A17DB4, #008C7D, #0C2E27)
• Dusty Denim color palette (#DCE0D4, #78A89A, #0058A3, #00364B, #000825)
• Petrol Quarry color palette (#E8EAE0, #9ABDAA, #00759D, #004A53, #001828)

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