Wandering Petrol Garden color palette — #EDF7F9 · #D6DCE6 · #BEBFCD · #4E7D84 · #3D4B4D

Slate and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Silver (#D6DCE6): a clean, paper-quiet neutral.
• Stone (#BEBFCD): a calm mid-gray that lets other colors speak.
• Slate (#4E7D84): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3D4B4D): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Petrol color palette (#EFF6FE, #DED5E8, #B5B0C2, #406595, #363B42)
• Washed Lagoon color palette (#EEF4ED, #CEDBD8, #AEC1BF, #31847F, #262F25)
• Abyss Harbor color palette (#D2E4E8, #9AACB8, #6E809D, #00413E, #07161A)
• Patina Navy Pier color palette (#E4EAF3, #B5B7CC, #9487A5, #2A417A, #16202E)
• Softworn Grove color palette (#D9FDFF, #7CBCCD, #7F87A5, #725D64, #644550)
• Dusty Stone color palette (#EDF9EC, #B3B472, #597E57, #3E5F6B, #2F493D)
• Teal Veranda color palette (#FFF0FB, #00B099, #446B9D, #6F3F36, #26414C)
• Celadon Station color palette (#E6F9FF, #8DF8A3, #21CAE5, #837FC5, #243D4C)

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