Wandering Petrol color palette — #F8F3F8 · #E4D5D5 · #C4ACAF · #39659E · #3F383F

Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E4D5D5): bright and airy, almost weightless.
• Rosewood Mist (#C4ACAF): A luminous, dusty red — the color of a theater curtain.
• Peacock (#39659E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F383F): 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

• Cerulean Quarry color palette (#FAF3F9, #E6D4D6, #CEB9B6, #6A80AA, #3F383E)
• Petrol Summit color palette (#EDF2F9, #D8D3E1, #B4B6C7, #486398, #1B212A)
• Tempered Nightshade color palette (#FBF2F6, #E8CACC, #D0949A, #6343A1, #3D2D35)
• Driftwood Quarry color palette (#FAF3F5, #E1D9D4, #A6B0A2, #9C7582, #595052)
• Aged Plum Grove color palette (#FCF2F3, #E4D7CC, #D3B5A0, #96488D, #4F393B)
• Hushed Navy color palette (#F6ECF4, #C4B4BA, #AC8183, #233F84, #271A26)
• Timeworn Field color palette (#D3F0DC, #BF98B2, #946769, #456022, #294737)
• Softworn Pine Meadow color palette (#FEF3E8, #A29E5E, #3D722F, #5E3E5E, #38352E)

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