Wandering Petrol color palette — #F1F7F2 · #D0DCDB · #9DBCAE · #00717E · #333E35
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D0DCDB): bright and airy, almost weightless.
- Ash (#9DBCAE): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00717E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#333E35): 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
- Softworn Villa color palette (#F0F7F4, #D2DDDE, #CFBCC2, #347D9D, #424A46)
- Aged Cypress Courtyard color palette (#ECF4ED, #C7DBDA, #C3B0C3, #1C7275, #19231A)
- Timeworn Courtyard color palette (#D8E3DC, #ABBEB5, #71988B, #004D5E, #13231A)
- Worn Pine Archive color palette (#F6F6E9, #7BA977, #2D7346, #225646, #35362F)
- Muted Denim Harbor color palette (#FBF2FC, #E0CBDE, #BF99B4, #005AA7, #3A2E3B)
- Tempered Cocoa Terrace color palette (#C2F1E2, #8AA5D0, #696F99, #694546, #582D00)
- Inked Coast color palette (#D2E5DD, #006B94, #062843, #001910, #000606)
- Worn Bloom color palette (#E5F3EE, #B4A2B6, #91748E, #003B5C, #001912)
Browse the whole catalog at Explore, or see today's palette.