Wandering Petrol color palette — #F3E6E0 · #75C0D3 · #0073A5 · #004C42 · #031432

Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F3E6E0): bright and airy, almost weightless.
• Cyan (#75C0D3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#031432): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Thicket color palette (#F5EBF1, #8FB8CC, #146DA7, #00523D, #202958)
• Ancient Cobalt color palette (#FCEFE6, #90D2EE, #3D80BC, #005C58, #30152B)
• Timeworn Thicket color palette (#F8E9DB, #67A4CA, #0C52B3, #00393C, #08022A)
• Hushed Cerulean color palette (#EAF9F7, #C6E3FF, #28A0C5, #00696F, #002231)
• Softworn Lagoon color palette (#FCE5DA, #249CA1, #005266, #002D1D, #00050C)
• Hushed Petrol color palette (#F9F0E7, #B4E9DC, #7C8BBB, #116A79, #3B2430)
• Worn Rust color palette (#F1D9CF, #AD4800, #006980, #2E4675, #160600)
• Scarlet Station color palette (#FBE8DF, #DF3A00, #00759C, #801D00, #00151F)

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