Wandering Petrol color palette — #F0F6FE · #DBD7E3 · #AFB1C9 · #506488 · #353B43
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FE): bright and airy, almost weightless.
- Silver (#DBD7E3): bright and airy, almost weightless.
- Ash (#AFB1C9): A luminous, dusty violet — the color of a velvet chair.
- Slate (#506488): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#353B43): 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
- Timeworn Petrol color palette (#EDF2F9, #D8D4DE, #B6B4C8, #41659A, #1B2128)
- Dusty Cobalt Basin color palette (#F9F3F9, #E6D5D5, #CEB9B4, #6281B1, #413741)
- Mulberry Lantern color palette (#F6F3FB, #F0D3E1, #C9B4C8, #934E7F, #433C4C)
- Weathered Aubergine color palette (#DCDDE7, #A8A6BD, #84789A, #3D276A, #11131F)
- Antique Ash color palette (#DCE0FF, #AD8FC6, #8E627F, #415D4D, #174C42)
- Weathered Mulberry color palette (#F1ECF6, #D4C7D5, #AE99A9, #81365D, #322A38)
- Airy Iris Orchard color palette (#F1F5FF, #97CDFF, #8A8FFF, #9A59A6, #2E3152)
- Moss Meadow color palette (#EAFAF1, #8DA65B, #476E43, #314E68, #1F3C34)
Browse the whole catalog at Explore, or see today's palette.