Wandering Petrol color palette — #E3F2F2 · #8FB6D7 · #306AA7 · #004C66 · #142D55

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F2F2): a clean, paper-quiet neutral.
• Sky (#8FB6D7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#306AA7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#142D55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Patina Petrol Boulevard color palette (#E6F1EF, #93B8C5, #007584, #00504B, #003440)
• Chalky Sapphire Veranda color palette (#F4E4E9, #91B8D9, #3660D2, #004A52, #150F32)
• Airy Terrace color palette (#E3EFFF, #BFCDFF, #9B8BD7, #00609E, #243653)
• Hazy Periwinkle Drift color palette (#ECF0E6, #ADD8FF, #61A7FB, #3388AF, #1B2D4F)
• Hushed Market color palette (#E9F9F6, #96DBE9, #008EAB, #006668, #00475D)
• Cornflower Orchard color palette (#F7ECE2, #9DD1C1, #5D82DC, #006A76, #2C274F)
• Pale Ridge color palette (#D3E6EF, #0095CF, #00689B, #003F6B, #271A58)
• Denim Terrace color palette (#DEEBEA, #6797AC, #005072, #002F37, #001527)

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