Wandering Petrol color palette — #F0F6FA · #D9DAE5 · #C3BDD4 · #367E96 · #3F494F

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9DAE5): a clean, paper-quiet neutral.
• Ash (#C3BDD4): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#367E96): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F494F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Petrol Hollow color palette (#EBF4F0, #CCDADC, #D1BAC2, #477C97, #242F2A)
• Driftwood Lagoon color palette (#E2F6FF, #AABFDA, #9280B0, #436F60, #2E555A)
• Denim Archive color palette (#F4F5FB, #E0D5DF, #BDACC6, #6D5596, #383946)
• Abyss Cabin color palette (#D5E0E8, #9EAABD, #7F79A2, #003D56, #051621)
• Ancient Balcony color palette (#DBE6F2, #1371CB, #293050, #16202B, #090C13)
• Aubergine Thicket color palette (#DEDDE8, #BBB6C4, #9A869D, #5B2878, #1E1D2D)
• Soft Meadow color palette (#EBF7FF, #0097BD, #9B3F5C, #544800, #183D22)
• Navy Courtyard color palette (#EAEFF8, #9699A6, #726C88, #0E1D6E, #040915)

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