Wandering Petrol color palette — #ECF7FF · #B1D9FF · #99B1E0 · #277E96 · #244059

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Powder Blue (#B1D9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#99B1E0): A luminous, dusty violet — the color of wild irises.
• Slate (#277E96): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#244059): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Timeworn Mallow color palette (#F1F5FF, #D6DDFF, #CBA4DA, #5D6CA0, #3D425C)
• Cypress Veranda color palette (#E3FAFF, #A3F3F7, #76B4C4, #2F816D, #184652)
• Tempered Lilac color palette (#E4F5FF, #BED6F9, #BB9FDE, #007470, #102B3F)
• Feathered Summit color palette (#D7EDFF, #88B4FA, #7780C9, #005474, #0E2846)
• Lagoon Lagoon color palette (#E6FBF1, #DDDCF9, #D3BDFF, #00A397, #14453B)
• Aubergine Chapel color palette (#F1EEFF, #EAB4DD, #C87F9F, #6D4890, #462944)
• Navy Workshop color palette (#E4E8FF, #A87FBC, #965A8E, #35266D, #180428)
• Muted Navy Study color palette (#E7EFFA, #5EAE8C, #244078, #0F2041, #100D1F)

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