Wandering Petrol Pier color palette — #F5F6EE · #ABDAAC · #52AAAA · #3A709B · #41380A
A conversation between Slate and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EE): bright and airy, almost weightless.
- Pistachio (#ABDAAC): A whisper-light, balanced green — the color of a quiet forest floor.
- Turquoise (#52AAAA): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#3A709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#41380A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Wandering Petrol Pier 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 Petrol color palette (#F1F8EE, #97DCCD, #5CA4C4, #5D64A5, #502C33)
- Aged Petrol color palette (#F6F6ED, #BAD6A8, #5FAA9C, #1D7594, #2F3558)
- Teal Drift color palette (#F5F6EF, #CFE4E1, #9BD6EB, #30A4AA, #325647)
- Antique Turquoise Chapel color palette (#FBF4E9, #DFC48A, #53B7DC, #A87590, #593838)
- Lagoon Lantern color palette (#F6F8D9, #B2F1E1, #81C99A, #358964, #4A4D46)
- Basalt Market color palette (#F2F8E4, #CAE2D5, #B1C2AF, #A08DA0, #624A5C)
- Tempered Balcony color palette (#E8FAF4, #85A548, #33806B, #1C5C6E, #553943)
- Ancient Aubergine color palette (#ECF9EF, #2BBACB, #4275C6, #652685, #390017)
Browse the whole catalog at Explore, or see today's palette.