Wandering Petrol color palette — #FCF2F5 · #CDDEEF · #7789B7 · #006F7C · #3E4566

Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Powder Blue (#CDDEEF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7789B7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3E4566): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Muted Pine color palette (#FAF3F7, #BEE4EF, #3498B2, #00754D, #254C67)
• Airy Corridor color palette (#FFF1F6, #A5D5F7, #4D7DD3, #00656C, #393478)
• Cerulean Garden color palette (#F0F3EB, #C4E5DB, #6290C8, #01678C, #3A2239)
• Weathered Olive Boulevard color palette (#F4F4FF, #9C78AE, #668831, #00765D, #37344E)
• Antique Cobalt color palette (#F4F4FF, #EBD4E1, #E5B4A6, #6F7FC2, #4F4863)
• Washed Orchard color palette (#F6EBF3, #68AAB9, #005F85, #003F34, #001D47)
• Softworn Navy Pier color palette (#EFE0E8, #5F869F, #003D71, #002222, #04002D)
• Dusty Petrol color palette (#FDF1FA, #75C6D2, #00789E, #005844, #00345F)

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