Wandering Petrol color palette — #F6EDE4 · #8FB6D6 · #5263A5 · #004F50 · #33244C

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

The five colors

• Cream (#F6EDE4): a clean, paper-quiet neutral.
• Sky (#8FB6D6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5263A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#33244C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Dune color palette (#F8ECE7, #7FBEC2, #007297, #005329, #0D2D58)
• Sapphire Harbor color palette (#E1EDE3, #9AB7D1, #2F68C0, #004959, #0C0B41)
• Cobalt Ridge color palette (#F5EDE2, #9FD1C2, #5C87C9, #00697F, #212859)
• Pale Navy color palette (#EFDFD4, #5C98B4, #0E478F, #00302A, #14043C)
• Gentle Periwinkle color palette (#F6EBEF, #B4D8F7, #849DFF, #009091, #332648)
• Hushed Cypress color palette (#FBF3EF, #C7E5D2, #5E90B8, #267159, #5A3C53)
• Abyss Cabin color palette (#F8E3DC, #4C8C91, #00425A, #00240F, #00081F)
• Wandering Field color palette (#FCF3F1, #CEE6DE, #7BA48D, #567954, #2E534A)

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