Wandering Petrol color palette — #F1F7F2 · #D2DCDB · #AEC4C4 · #00848F · #424A43

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Stone (#AEC4C4): A luminous, dusty teal — the color of sea glass.
• Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#424A43): a grounded near-black with real depth.

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

• Patina Lagoon color palette (#EEF3EE, #CEDADA, #D5BAC3, #1A8588, #272E27)
• Hushed Ridge color palette (#EAF9F2, #C7D7D1, #8CAFA6, #006481, #21392E)
• Muted Abyss Balcony color palette (#DCE5DF, #9CAEA5, #66887C, #003F4B, #06180E)
• Softworn Ridge color palette (#F6F6ED, #AFB391, #527F5F, #286753, #434700)
• Washed Loft color palette (#FAF3F7, #E2D6D6, #C3ACB4, #5C5B9C, #43363E)
• Dusty Aubergine color palette (#F1F9E3, #52A3C4, #3D6D9C, #693573, #234539)
• Pale Azure color palette (#EBF9F2, #9AEDFD, #46CEFF, #3891E4, #134434)
• Hushed Grove color palette (#FEECFF, #BAA6B5, #977587, #785753, #693E00)

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