Wandering Petrol color palette — #F0F7F4 · #D0DCDD · #BFACBF · #006C96 · #2C3F38

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D0DCDD): bright and airy, almost weightless.
• Ash (#BFACBF): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#006C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#2C3F38): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cobalt Meadow color palette (#F8F3F8, #E2D7D9, #CABBBC, #4E76AA, #4E444F)
• Wandering Alley color palette (#ECF4F0, #E4D3D9, #C9AEBD, #046F8E, #18231E)
• Timeworn Parlor color palette (#FBF2F8, #E0CCD6, #BF9BA9, #4945BB, #43293B)
• Navy Market color palette (#E2F0EC, #C1B4C1, #A0849B, #004876, #10241F)
• Weathered Lantern color palette (#F3F7EC, #8FA27E, #187265, #005659, #2D3A21)
• Dusty Atelier color palette (#EFF6FC, #D6D9EA, #BEBECF, #6DA8CA, #333C43)
• Byzantium Chapel color palette (#FCF2F5, #E6D5D1, #D7B1B4, #8B42B4, #4E393F)
• Hushed Cocoa Veranda color palette (#FFDBE7, #C6A4AB, #8F6465, #774329, #483C0A)

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