Wandering Petrol color palette — #F3F7ED · #ABE2D3 · #6B97D3 · #0D75A0 · #293A5C

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

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Mint (#ABE2D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#6B97D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0D75A0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#293A5C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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

• Worn Periwinkle Atelier color palette (#ECF8F8, #DBDCE7, #68A8FC, #0078A5, #1E2F48)
• Timeworn Cypress color palette (#F5F6EA, #C2DCC7, #4FA3B5, #097C78, #044152)
• Hushed Azure Alley color palette (#F2F9E1, #86D6FF, #0095DB, #006F85, #00355D)
• Petrol Market color palette (#E8EBD8, #63AEC5, #007093, #004950, #001624)
• Wandering Harbor color palette (#F9F4EF, #A9CEC4, #6275AE, #005E6B, #3B335D)
• Weathered Corridor color palette (#F4DCF3, #5A95EF, #B16AB6, #008987, #172B4A)
• Dusty Ridge color palette (#FFF0FD, #F8CFD5, #CEBBFB, #658BB8, #553A4E)
• Hushed Jade color palette (#D9F6ED, #65AFE9, #54AB63, #0078B9, #054116)

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