Wandering Petrol color palette — #F0F7F4 · #9BCDBB · #6C79B3 · #0075A8 · #382834

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Pistachio (#9BCDBB): A luminous, dusty teal — the color of glacier melt.
• Slate (#6C79B3): A full-bodied, balanced violet — the color of a velvet chair.
• Cerulean (#0075A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#382834): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, 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 Cypress Lantern color palette (#F2F7F1, #8CCFC9, #4C85A4, #007E79, #1F332B)
• Hushed Terrace color palette (#EDF4EF, #82D1E5, #8974BC, #147F94, #1F1118)
• Cobalt Summit color palette (#F9F3F7, #AFBEED, #926BA9, #5467B1, #39282D)
• Worn Cerulean Basin color palette (#EFF6FA, #94DFF2, #A78CD1, #159CB7, #2C2D37)
• Cerulean Dune color palette (#F8F3F9, #DFD7D9, #B4AAA1, #5B86B2, #565057)
• Terracotta Coast color palette (#FFF2ED, #9FA4D0, #806C9F, #873F49, #573F4D)
• Feathered Field color palette (#FFF0FD, #D3ADCA, #7879B1, #5F4C95, #513377)
• Lowlit Basin color palette (#F6EAF8, #155D9D, #30006B, #001E3B, #02000C)

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