Wandering Petrol color palette — #ECF4EF · #CFD9D9 · #AFBFC1 · #3F7F92 · #262F29

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CFD9D9): bright and airy, almost weightless.
• Ash (#AFBFC1): soft and architectural.
• Slate (#3F7F92): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#262F29): quiet, heavy and certain.

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

• Hushed Petrol color palette (#EFF6FA, #D8DAE0, #C0BDD1, #018297, #3C4A51)
• Hushed Petrol Archive color palette (#F8EFF5, #E4D1D2, #D2B6C2, #5963AC, #2C2129)
• Antique Workshop color palette (#F1F3E9, #94BFA2, #438469, #4B5A45, #242B10)
• Ancient Abyss color palette (#D6E4DE, #90A69E, #877588, #003C52, #000603)
• Timeworn Cobalt color palette (#D5E7E2, #287AB9, #3B2B3A, #081A15, #030806)
• Timeworn Azure Dune color palette (#EDF5E2, #5BA5D5, #4F6B9C, #63315C, #042922)
• Stone Bloom color palette (#F7DEF6, #CCA9C1, #9C788A, #6A4D4A, #4E2C23)
• Airy Sky color palette (#DFF9F0, #A5E8FF, #5CC0FE, #7296D5, #082540)

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