Wandering Petrol color palette — #E7F2E9 · #96B5D0 · #3568AD · #004D5D · #1E275D
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ash (#96B5D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3568AD): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#1E275D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Harbor color palette (#E7F2E9, #8FB9C6, #007589, #005142, #003346)
- Washed Sapphire Atelier color palette (#F1E5E9, #89BADC, #4461C7, #004B4A, #1A0D30)
- Cornflower Balcony color palette (#F7ECE2, #A2CAE9, #667EDD, #006C6C, #33244D)
- Wandering Cerulean color palette (#EEF8F0, #9DDAE5, #008CB2, #00675F, #014467)
- Ancient Periwinkle color palette (#F6EDE0, #ACD9FD, #65A5FF, #178CA5, #222A51)
- Patina Denim color palette (#DCE7DE, #6C95AF, #004E78, #002F32, #001330)
- Muted Study color palette (#F1F7F2, #DADCED, #8499C2, #1A7A96, #495268)
- Chalky Atelier color palette (#ECDFED, #B53650, #3D6D00, #004D91, #3E0613)
Browse the whole catalog at Explore, or see today's palette.