Wandering Petrol color palette — #ECF3F6 · #D4D9E5 · #BCBCCE · #388288 · #252E31

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D4D9E5): bright and airy, almost weightless.
• Ash (#BCBCCE): A luminous, dusty violet — the color of wild irises.
• Teal (#388288): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#252E31): 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

• Tempered Petrol color palette (#EFF2F9, #DBD2DF, #BBB2CA, #5A5F93, #1D2028)
• Patina Dune color palette (#C9F1FB, #9FC2E0, #8C83B0, #4D6757, #223E2E)
• Timeworn Study color palette (#EAF5EF, #A4BC92, #498363, #325C6A, #132D28)
• Weathered Villa color palette (#F0F7F1, #D0DEDF, #D3C2C6, #5C9BA1, #424A43)
• Weathered Abyss Garden color palette (#D5E0E6, #95A2AD, #6C7C9B, #003E48, #000509)
• Wandering Aubergine Market color palette (#E8EBF4, #B3B1C2, #9785A7, #482A8D, #070919)
• Wandering Cobalt color palette (#FFECF3, #2DB0B7, #386AB5, #653B0B, #072635)
• Chalky Grape Hollow color palette (#E6F5F8, #00A399, #7F489F, #583A00, #1D2100)

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