Wandering Petrol color palette — #F0F7F2 · #84CDDE · #6D7BAB · #1B7A8B · #352A32

A conversation between Teal and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sky (#84CDDE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#6D7BAB): A full-bodied, dusty violet — the color of twilight just after sunset.
• Teal (#1B7A8B): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#352A32): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Aged Canyon color palette (#FAF2F9, #A2C1F8, #A6648C, #556D99, #3A2929)
• Washed Harbor color palette (#EDF4EE, #8BD1D6, #8F75AC, #018189, #201016)
• Timeworn Canyon color palette (#F3F7EF, #8DD1B4, #2F89A5, #387C62, #26312B)
• Worn Cerulean color palette (#EEF7FA, #97E0E7, #9E90D1, #1D9EA9, #2B2D38)
• Weathered Powder Meadow color palette (#E9F8FF, #8DC5FB, #687DB4, #5B5789, #503D6D)
• Timeworn Loft color palette (#FFF4E2, #71AFDD, #7071A4, #764F37, #504350)
• Hushed Cerulean color palette (#ECF9F1, #2493B4, #99506C, #614615, #353831)
• Aubergine Garden color palette (#D4E4DB, #006580, #340066, #00212C, #060002)

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