How to Create a Neutral Color Palette for a Design System – Figma Tutorial

🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z

In this video, I’m going to dive into creating a Neutral color palette. We’ll start by examining the colors used by Uber. Then, we’ll organize and arrange the colors, filling in any missing spots. Finally, we’ll create Figma variables for each color, ensuring easy customization in the future.

🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: https://learnproduct.design/designsystems

🔗 – https://youtu.be/r4t5FlcRPg8

🚀 Create an account on Mobbin for free:
https://mobbin.com/?via=chethan

🔶 Chapters
00:00 Introduction
01:12 Understanding Uber’s Neutral Palette
02:09 Extracting Colors from Airbnb Screens
08:47 Mapping Colors with Tailwind CSS Colors
15:37 Using Material Design Palette Generator
16:19 Creating and Applying Variables to Swatches
—————————————­—-
Mega Product Design Course for Beginners:

Webflow Course for Beginners:

Photoshop Tutorials:

Illustrator Tutorials:

After Effects Tutorials:

UI Design Tutorials:

Design Resources, Tools and Softwares:

Adobe XD CC Tutorials:

eSports Design Tutorials:

——————————————————————————————–
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
——————————————————————————————–
LIKE, SHARE, COMMENT & SUBSCRIBE 🙂
#designsystems #productdesign #figmatutorial