Wandering Petrol color palette — #E4F2F2 · #97B5D2 · #3A69A6 · #004B69 · #152A5C
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2F2): bright and airy, almost weightless.
- Ash (#97B5D2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3A69A6): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Navy (#152A5C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Sapphire color palette (#EFE6E9, #9DB6CF, #4B65B7, #004A54, #170B36)
- Petrol Thicket color palette (#E3F3EF, #7FBEC4, #007586, #00504D, #003441)
- Hushed Cobalt Hollow color palette (#F5EDE5, #A1D0C3, #6A83C9, #006A78, #2F2259)
- Weathered Summit color palette (#EAF9F7, #96DBEC, #008DAF, #00666B, #004660)
- Quiet Periwinkle Orchard color palette (#ECF1E4, #ACE0D2, #60A6FF, #0089BB, #1D2D4D)
- Muted Orchard color palette (#DCF1EF, #489ABF, #004F75, #002E38, #001529)
- Timeworn Thicket color palette (#D5FAF5, #96DDB1, #52AE96, #47682C, #043E3B)
- Dusty Drift color palette (#E0F1EE, #337F00, #006B73, #6B4300, #0C2602)
Browse the whole catalog at Explore, or see today's palette.