Wandering Petrol color palette — #E9F1EA · #8EB8D1 · #256E9D · #004F53 · #092D59
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F1EA): bright and airy, almost weightless.
- Ash (#8EB8D1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#256E9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#092D59): A deep, shadowed, balanced 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
- Dusty Cobalt Veranda color palette (#F1F7F2, #AFC9DD, #487BB3, #005E6B, #2B395D)
- Muted Petrol color palette (#F1E5EC, #99B8CD, #3D6BAD, #004C43, #150D36)
- Hushed Denim Balcony color palette (#E2F0E4, #74A3D0, #2851A8, #003C4C, #17134F)
- Washed Azure color palette (#F3EEE5, #9ADEFB, #2CAEFB, #009097, #0F2E55)
- Faded Terrace color palette (#CAF6FB, #8CD1D8, #53ACDB, #2A6D3F, #093944)
- Softworn Coast color palette (#E9F3EB, #379FAF, #005269, #00302C, #001625)
- Tempered Petrol color palette (#F1F7F2, #D7DEEF, #7F9CB9, #2F7B84, #43546C)
- Antique Navy color palette (#D6E5D9, #4D86B2, #05397C, #002129, #04002D)
Browse the whole catalog at Explore, or see today's palette.