Wandering Petrol Garden color palette — #FFF1F2 · #FFD3C2 · #D6AB73 · #645CA3 · #563027

Slate and Camel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFD3C2): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#D6AB73): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#645CA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#563027): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Wandering Petrol Garden 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

• Wandering Courtyard color palette (#FFF2EF, #EBDCB7, #B3B170, #815187, #48413D)
• Softworn Petrol Cabin color palette (#FFF0FA, #F4C9CD, #DF9B86, #1E6B9E, #51343F)
• Wandering Apricot color palette (#F6EEFF, #FFCACF, #F2A487, #7B5887, #322237)
• Patina Meadow color palette (#FFF1F1, #F4D3C9, #FFA88D, #9F6EA7, #5B3B38)
• Feathered Delta color palette (#FFF2ED, #F4BB88, #88B65D, #972293, #56220B)
• Aubergine Thicket color palette (#F8D5D3, #EB9F8D, #A58000, #4F2B98, #410A17)
• Washed Mulberry Grove color palette (#FFE7CF, #C1C792, #47BC89, #9A384E, #402C00)
• Hushed Lagoon color palette (#F4E4DA, #AC9272, #8A543C, #6D2B39, #33302A)

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