# UI I - Ex 2 - Color codes

**Context:** 

This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma!

**Instructions:** 

Go to these 7 websites and make the color palettes out of them (3 to 4 main colors). 

**Deliverable:** 

- A PDF documents extracted from a Figma file including screenshots of the main page, URL, extracted colors and the matching color codes.

**Tips:** 

- You can use the document from the previous exercise to add the color codes on Figma
- Use the Color Pipette to detect the color codes!

**Resources:** 

- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)

- [https://www.komoot.com/](https://www.komoot.com/) (App)
- [https://www.airtable.com/](https://www.airtable.com/)
- [https://www.decathlon.com/collections/kids-gift-ideas](https://www.decathlon.com/collections/kids-gift-ideas)
- [https://www.jrpass.com/](https://www.jrpass.com/)
- [https://www.thesiff.com/](https://www.thesiff.com/)
- [https://brave.com/es/](https://brave.com/es/)
- [https://www.nhp.gov.in/](https://www.nhp.gov.in/)