Wandering Petrol color palette — #F5F0F5 · #DED4D5 · #CEB7B2 · #5776A3 · #302930

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#DED4D5): a clean, paper-quiet neutral.
• Stone (#CEB7B2): A luminous, dusty orange — the color of toasted spice.
• Slate (#5776A3): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#302930): 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

• Muted Byzantium color palette (#F9EFF1, #E4D3CA, #DAB5AC, #874EA6, #302025)
• Pewter Alley color palette (#FAF3F8, #E5D7D8, #D1BABA, #876982, #4C454A)
• Periwinkle Archive color palette (#F1F5FB, #DAD9E1, #CBBFC1, #819DD7, #39404A)
• Wandering Olive Delta color palette (#F7F1E8, #BDB48B, #538347, #674B5B, #2B2717)
• Timeworn Fern Alley color palette (#F7E0F9, #D3A8BE, #9F7B7C, #5F661C, #314100)
• Softworn Lapis Dune color palette (#F9EEF5, #E6CCD4, #CD9DA0, #4B3FC8, #23141F)
• Hushed Indigo color palette (#F8E8F0, #7162C9, #402643, #200F1A, #090509)
• Tempered Mulberry Basin color palette (#F2E5E8, #DCC5C4, #BB9C91, #733B7B, #201114)

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