Wandering Petrol color palette — #EAF9F4 · #FFDCD6 · #517B9C · #1A4036 · #02130E

Slate and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Shell Pink (#FFDCD6): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#517B9C): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#1A4036): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#02130E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Antique Cobalt color palette (#FAF2FA, #EDDFBC, #5478A8, #462F47, #150B16)
• Antique Lantern color palette (#E8F6EE, #92C290, #005E78, #002C3A, #031009)
• Turquoise Quarry color palette (#EBF7FF, #BBE1BB, #54A0BE, #296C84, #14242D)
• Chalky Celadon color palette (#FFF0FA, #C2E981, #5D62AC, #26275B, #13010D)
• Ancient Denim Corridor color palette (#EDF6FF, #E09A8B, #005783, #113148, #1A1C26)
• Hazy Lilac color palette (#FFF0F8, #A693ED, #A7608D, #705400, #0E1F13)
• Worn Cerulean color palette (#EDF8F3, #D0DEFC, #CA83B3, #1E95CA, #1F0B0D)
• Wandering Ash Boulevard color palette (#F6F8DD, #AACEFF, #A582B7, #506D40, #3F2A39)

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