After gathering feedback from design critique with other designers, they approved the direction I was going and added a few insights anticipating UI best practices and Dev's possibilities.
So I started to set up a basic Design System that would work for this project. Based on Material Design since is a very know Information architecture already on the mind of users.
No wonder Lyft's design makes use of purple and pink colors, they prove to play a very complementary role over the usual map colors. I figure that out while testing out different palettes.
→ Lyft Color Use Example
And then the definition of colors for each usecase: CTAs, Secondary buttons, Highlights, Text, Icons, and so on.
Here is a close look to the UI details:
But I strongly recommend you to check the transitions and flow on the Figma prototype below: