Wandering Petrol color palette — #F3F7EB · #B3E0CE · #639CC8 · #007894 · #223C59

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Mint (#B3E0CE): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#639CC8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007894): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#223C59): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Harbor color palette (#F4F7E5, #7DDAF6, #009AC7, #00717B, #003751)
• Aged Periwinkle Market color palette (#ECF8F7, #D9DDE8, #41AEFD, #007B98, #193048)
• Turquoise Delta color palette (#E7E9D9, #4FB2C1, #007288, #004A4A, #001720)
• Antique Cobalt color palette (#FCF3EC, #A5D0BF, #4D79B6, #005F62, #323563)
• Hazy Cobalt Villa color palette (#E0E5D9, #8DB6DC, #3074C8, #005475, #05194E)
• Antique Powder Balcony color palette (#F4F6EF, #CAE4E4, #8AB7D7, #689179, #31524A)
• Frosted Meadow color palette (#D9E9DE, #53C198, #009878, #007061, #00443E)
• Cobalt Villa color palette (#D4EDCF, #00ACA1, #4B8CD5, #6D821E, #1C3218)

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