Wandering Petrol color palette — #EFF7F6 · #D4DDEE · #6BA1BC · #287B87 · #3F5567

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D4DDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#6BA1BC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#287B87): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#3F5567): A full-bodied, 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

• Tempered Lilac color palette (#EEF6FF, #6F9CCC, #A770BC, #33867C, #354454)
• Aged Cerulean Alley color palette (#E8F8FF, #75CADD, #0096B7, #1F6C86, #3A5364)
• Dusty Turquoise color palette (#E3EEED, #52ADC4, #00607B, #003D42, #002333)
• Dusty Powder Field color palette (#EDF7FF, #D8D9E4, #C6C0E7, #7294AA, #43515F)
• Wandering Navy color palette (#D1E3E2, #5787A2, #004065, #00212A, #000919)
• Aqua Veranda color palette (#EAF9F5, #4ECEC7, #007D81, #005749, #003A41)
• Muted Driftwood Ridge color palette (#EEF8F0, #9FC2AB, #957D48, #4E644E, #3A4D43)
• Pale Alley color palette (#EAF8F8, #ACD3F5, #007FE9, #006183, #283F69)

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