Wandering Petrol color palette — #F7EDE3 · #90B6D6 · #5462A6 · #004F51 · #35234D
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F7EDE3): a clean, paper-quiet neutral.
- Sky (#90B6D6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#5462A6): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#35234D): 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
- Hushed Petrol Grove color palette (#F9EBE4, #97BBA2, #006FA3, #005238, #19295C)
- Sapphire Drift color palette (#E4EBE5, #91B8DA, #3368C0, #00495A, #0D0C3E)
- Ancient Cobalt Pier color palette (#F5EDE2, #A3C9EA, #5B86CC, #006880, #222859)
- Antique Cobalt color palette (#FDF3ED, #B0DABE, #0087C9, #006A4A, #2A3B75)
- Soft Navy Cabin color palette (#EDE0D6, #5899B5, #004693, #00302A, #13063B)
- Antique Periwinkle color palette (#F9EAEE, #AED9FB, #829EFF, #009190, #342251)
- Tempered Emerald Hollow color palette (#D4E7CA, #009F67, #00695E, #00454E, #192746)
- Patina Cerulean Harbor color palette (#A4F3F6, #00A3B0, #005C5E, #002E33, #00181A)
Browse the whole catalog at Explore, or see today's palette.