Wandering Petrol color palette — #E3F2F0 · #70ADB9 · #00728A · #004A4B · #001721

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

The five colors

• Cream (#E3F2F0): a clean, paper-quiet neutral.
• Blue Fog (#70ADB9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00728A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Soft Petrol color palette (#CCE7E6, #7DA7C8, #1368B3, #00465F, #001135)
• Weathered Aqua Terrace color palette (#EEEFE5, #65C7DA, #00738C, #003D3F, #000305)
• Patina Denim color palette (#F4E5F0, #5B9BA7, #005070, #003127, #00132F)
• Pale Cerulean color palette (#F3E0D7, #55C1D4, #008EC1, #006F5B, #00132E)
• Hushed Cabin color palette (#E0F4F0, #A1CCDD, #2295AB, #006C6A, #003442)
• Tempered Lagoon Alley color palette (#D4E6DF, #00A078, #006049, #002C1F, #000301)
• Wandering Turquoise color palette (#E6FAF6, #A3EAE8, #00B0BB, #008474, #004953)
• Feathered Ultramarine color palette (#C6F3F1, #008F52, #0065C1, #00532E, #000F26)

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