Wandering Petrol color palette — #F9F4EE · #C2E6D7 · #6A8EB1 · #006F7C · #573E54

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C2E6D7): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6A8EB1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#573E54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Lagoon color palette (#F8F0EA, #C4E5D7, #758EBB, #006D66, #3F2031)
• Washed Cerulean Atelier color palette (#E6FBF4, #DED5DD, #C5B9E7, #4D8598, #554154)
• Frosted Cobalt Pier color palette (#FCF4E8, #9FD7F2, #2986C6, #00656D, #213F6E)
• Hushed Petrol color palette (#E6FBF3, #5BA8D8, #B57B4A, #006D9E, #5A3A1F)
• Muted Cerulean color palette (#AFEEF7, #56B5CE, #0F88B5, #175A87, #3F3C62)
• Wandering Forest color palette (#F9F4ED, #B1CEAE, #2B8691, #046247, #024252)
• Wandering Denim color palette (#F2E8D8, #66ACB1, #006275, #003F34, #002332)
• Washed Cerulean color palette (#EAE1D3, #388DA3, #00425C, #002222, #000A18)

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