The rapid urbanization witnessed in recent years has led to the deterioration of urban ecosystems, resulting in various environmental and socioeconomic challenges. In response to these concerns, the implementation of Green and Blue Infrastructures (GBI) has gained prominence as a sustainable urban planning approach. GBI is a planned network system of natural and semi-natural spaces, along with other environmental elements, managed and designed to provide a wide range of ecosystem services and improve ecological conditions, thereby contributing to citizens' wellbeing and quality of life. This study presents a comprehensive assessment of the costs, benefits (ecosystem services), and impacts (ecosystem dis-services) associated with the incorporation of GBI in urban environments using the technique of emergy accounting. To achieve this, the research paper introduces a novel integrated valuation framework. This framework encompasses key components such as constructing/maintenance costs, ecosystem services, needed costs to human health and biodiversity damage, as well as ecosystem dis-services. Furthermore, the study conducts a comparative analysis of the costs, benefits, and impacts associated with different urban GBIs via ternary phase diagram, shedding light on their varying contributions to the urban ecosystem. The findings reveal that green roofs offer more ecosystem benefits as compared to other GBIs, but this study also highlights that green roof entail higher initial construction costs and produce a greater number of dis-services. Conversely, street trees have lower initial costs and impacts yet generate higher benefits. Furthermore, green walls, despite having a lower input emergy value and fewer benefits, result in higher impacts compared to other green-blue ecosystems. These findings provide valuable insights for urban planners, policymakers, and stakeholders, enabling them to make informed decisions in developing sustainable cities for the wellbeing of present and future generations.