Creating Color Pallete for a Web Page

This project is about creating a color pallete for a web page. I first chose the primary color for the page, then used Adobe Color tool to create a Complementary Harmony for the primary color. Then, I chose gray shade and generated 5 tints and 5 shades for the Primary and Gray color. I used gray tints for borders and body text and gray shade for Headings. I used Primary color for pills background and one of the harmony colors for the CTA button.
In this project, I learned how to create a consistent color pallete for an application and how tints and shades work for a color. I also got to know about the AA accessibility standard and color contrast.
Here's the link to the project, take a look: https://www.figma.com/design/UoH0uK1Dvy5xUyd2Cx74P4/How-to-Create-Color-Palettes-for-Web---UI-Design--in-Figma---Community-?node-id=0-1&t=zSvcDLQqdRwTASrZ-1