Wandering Petrol color palette — #EDF2FD · #A9ADE8 · #B6975F · #686BA5 · #1A3920

Built around Slate, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF2FD): bright and airy, almost weightless.
• Mauve (#A9ADE8): A luminous, balanced violet — the color of wild irises.
• Camel (#B6975F): A luminous, balanced gold — the color of old brass.
• Slate (#686BA5): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#1A3920): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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 Cobalt Orchard color palette (#EAF3FF, #98B4E7, #C09262, #4F71AF, #452632)
• Pewter Studio color palette (#F3F0FD, #D0A1CE, #87A871, #925B91, #003A32)
• Washed Ash color palette (#EDF2FF, #9595CE, #998E5B, #7B7C45, #212737)
• Timeworn Dune color palette (#FDF1F9, #DDB6D3, #BCB37A, #7587D2, #604A00)
• Dusty Driftwood color palette (#ECF2FF, #DDD4E1, #D6B7C8, #738EA4, #343546)
• Muted Driftwood Study color palette (#FFECF3, #A6C4AB, #A07486, #6A4D62, #1B3227)
• Driftwood Corridor color palette (#EEF1FF, #C4C1F1, #8281B6, #48406E, #201C3D)
• Muted Pewter color palette (#F1F1F9, #9AD0C4, #6B587E, #2E2D49, #12121F)

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