Wandering Petrol color palette — #F9EAF1 · #7EBBD6 · #2C6BA6 · #00504D · #202A55

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

The five colors

• Blush (#F9EAF1): a clean, paper-quiet neutral.
• Sky (#7EBBD6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2C6BA6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#202A55): A deep, shadowed, dusty violet — the color of wild irises.

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

• Aged Study color palette (#FDF2F6, #ABC9E1, #5478B2, #005F64, #35365D)
• Antique Petrol Cabin color palette (#E8EBDF, #94BEAA, #0074A3, #004956, #00172A)
• Antique Drift color palette (#ECE2E8, #6BACA7, #006270, #00411F, #002333)
• Chalky Veranda color palette (#F6EDE6, #A4DDF6, #52AAFA, #00918D, #1F2A56)
• Tempered Denim color palette (#EAEFFF, #E7C1E2, #D17E8B, #3961A0, #402849)
• Hushed Garden color palette (#FAF3F8, #BDE4F1, #4B95AF, #267155, #334A5F)
• Softworn Amethyst color palette (#EFE8FF, #7C4BC0, #5E6400, #005732, #241738)
• Navy Archive color palette (#EEDEE3, #5586AC, #132F8F, #002226, #0A0027)

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