Wandering Petrol color palette — #EAF3FF · #9CB4DD · #68AD8E · #5371A6 · #0A383A

Built around Slate, softened by Jade — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Sky (#9CB4DD): A luminous, dusty violet — the color of twilight just after sunset.
• Jade (#68AD8E): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5371A6): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#0A383A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Muted Petrol Boulevard color palette (#E3F5FE, #79C0CF, #99A270, #2B7E8D, #12392D)
• Softworn Orchard color palette (#F0F0FF, #C4A5D8, #5AA9BB, #826395, #053648)
• Petrol Meadow color palette (#EAF3FD, #94B6E0, #C288A3, #4E74A2, #382A43)
• Patina Cobalt color palette (#FDF1FB, #9AB0DC, #AD9759, #4E70B8, #504D46)
• Gentle Cornflower Pier color palette (#FDF1FB, #AFC5EE, #7FC1A6, #5E89E2, #3E5615)
• Aged Atelier color palette (#ECF2FF, #C1C7F7, #7F86BE, #464976, #131D38)
• Washed Driftwood color palette (#FEECF4, #CFB2BD, #9C7688, #6C4D5F, #233022)
• Washed Coast color palette (#EDF2FF, #8C88F8, #00978C, #533CC5, #002723)

Browse the whole catalog at Explore, or see today's palette.