Wandering Petrol color palette — #EFF6FF · #D7C295 · #5272A6 · #2B4269 · #162232

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sand (#D7C295): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#5272A6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2B4269): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#162232): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Ancient Orchard color palette (#F3F5FD, #BCDAC2, #7F76A4, #444A6D, #282A38)
• Denim Meadow color palette (#F0F6FF, #D0A66A, #314E8C, #1B2E4B, #1B1A27)
• Softworn Cobalt Chapel color palette (#FCF1FB, #FFE2A5, #5476AF, #482D47, #140C14)
• Pewter Bloom color palette (#F1EBFC, #C9B180, #834F75, #4F2344, #191224)
• Timeworn Sand Garden color palette (#FDF1FA, #FFCA8F, #8393C3, #735A6E, #281E26)
• Hushed Indigo Study color palette (#F2F5FC, #B4C1F8, #CA6B97, #6676D6, #29202F)
• Feathered Lapis Market color palette (#DCE4FB, #D3A32B, #5143BB, #281871, #070D25)
• Ancient Canyon color palette (#F1F5FF, #858AD7, #AC6B21, #2A750E, #0C2E3E)

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