Wandering Petrol color palette — #E9F8FF · #87B9DA · #638DC4 · #615E9F · #4A496B
A conversation between Slate and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Sky (#87B9DA): A luminous, dusty blue — the color of deep harbor water.
- Slate Blue (#638DC4): A luminous, balanced blue — the color of deep harbor water.
- Slate (#615E9F): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#4A496B): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Patina Periwinkle color palette (#DCF0FF, #9DD0FF, #689AE6, #6C78B0, #484E66)
- Softworn Atelier color palette (#E5F0FF, #B0B0E3, #9476B6, #844C83, #5C4767)
- Wandering Petrol color palette (#D3FAFB, #77BDB0, #2C97AA, #006C94, #3C506C)
- Cobalt Bloom color palette (#EFF6FF, #99AFDF, #AE9659, #5370B2, #34563F)
- Aubergine Bloom color palette (#E6F1FF, #9599E2, #7D56BE, #7E1782, #5F2A42)
- Weathered Pier color palette (#F1F5FF, #8A93CC, #9F8742, #677935, #3A4255)
- Weathered Basin color palette (#FFF0F7, #A9BFAC, #9A7386, #7E4E4F, #354E43)
- Weathered Grape Meadow color palette (#D8F3FF, #589DFF, #6D5BEB, #7300B3, #60205B)
Browse the whole catalog at Explore, or see today's palette.