Wandering Petrol color palette — #F0F7F4 · #DFD4D3 · #C9B7BA · #267DA5 · #3B4C45

A conversation between Cerulean and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D3): bright and airy, almost weightless.
• Stone (#C9B7BA): A luminous, dusty red — the color of a theater curtain.
• Cerulean (#267DA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3B4C45): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Petrol Studio color palette (#EDF4F0, #DBD1CE, #CAB4B2, #397F98, #252F2A)
• Hushed Indigo color palette (#FCF2F7, #E5D5D3, #D5B1B6, #6857BA, #4E3844)
• Fern Villa color palette (#F4F7E9, #A8B599, #378277, #2A626F, #354B04)
• Hushed Ash Loft color palette (#EFF6FC, #D9DAE4, #B8ADB8, #9E95BF, #41494F)
• Cobalt Workshop color palette (#EEDFED, #4870B6, #402B37, #291928, #081617)
• Navy Workshop color palette (#E8F0ED, #B2A4B0, #927586, #003B5F, #001913)
• Washed Fern color palette (#D7FCF2, #C3ACBA, #A47D89, #7A5B35, #465307)
• Aubergine Canyon color palette (#F4ECEF, #D7C8CB, #B29A9A, #604092, #39282F)

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