Wandering Petrol color palette — #F0F7F2 · #8DCDD7 · #916E9D · #207A86 · #3A282C

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sky (#8DCDD7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#916E9D): A full-bodied, balanced pink — the color of a candy shop window.
• Teal (#207A86): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3A282C): A deep, shadowed, dusty red — the color of embers at dusk.

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

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 Quarry color palette (#ECF3F7, #A6C9E0, #8F76A8, #007DA4, #141423)
• Petrol Dune color palette (#F8F3F9, #9EC4EE, #AB6956, #4170A1, #332C29)
• Weathered Cerulean color palette (#F0F7F4, #B1DDC8, #AE8BC4, #0099C9, #39282D)
• Weathered Pewter Lantern color palette (#F8F6E2, #73B3C1, #7570A1, #4F6131, #364D46)
• Pale Garnet color palette (#E0FFE1, #95C7E4, #7E82B9, #6C4C7C, #6A294A)
• Mulberry Meadow color palette (#E8FAF2, #32AFE5, #A03673, #005E80, #311212)
• Timeworn Lagoon color palette (#EFF7F4, #DDD5D2, #A5A296, #5E8D7F, #4C5552)
• Ash Archive color palette (#FFF0FD, #D1D7EA, #A8BFFF, #BD7DAB, #543B47)

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