How to pick the right colors for your website or app | UI/UX design tips

Choosing the right color palette for UI/UX design can be tough. I struggle at this too! However, with a few simple systems in place, you can now be a pro at creating color palettes that resonate with your target audience. In this video, we talk about how to pick the right colors, what are the color palettes you need, accessibility, tools to get color palette ideas, with real examples!
🔗 Links mentioned
Cultural Color Meanings: www.empower-yourself-with-col...
Atlassian Design System: atlassian.design/foundations/...
Adobe Color: color.adobe.com/
Tint & Shade Generator: maketintsandshades.com
Color Contrast Checker: coolors.co
Figma plugin: www.figma.com/community/plugi...
Apple Human Interface Guidelines: developer.apple.com/design/hu...
mymind color palettes: access.mymind.com/colors
Dribbble
Lapa.ninja
📺 Watch next:
How to create your first UX case study: • How to design your UI/...
15 Tips to design your resume: • 15 tips to design your...
Design animated slides on Figma: • Design animated slides...
8 ways to get started in UX design for free: • 8 free ways to get sta...
🎉
My gear, tools, resources: rachelhow.com/resources
Webflow: webflow.grsm.io/0cprnc6dmbhy ✿
Links marked ✿ are affiliate links, meaning I make a small commission when you purchase through my link, at no extra cost to you. :)
💫 If you're new here
Thank you for stopping by! I create videos on product design (UI/UX), productivity and solopreneurship.
👋 Come say hi!
My daily life: / rachelhxw
Newsletter: www.rachelhow.com/newsletter
00:00 What to expect
00:35 Pick colors based on your target audience
01:41 The 60-30-10 Rule
02:05 Primary colors
04:06 Secondary colors
04:38 Neutral colors
06:00 Semantic colors
08:27 Accessibility
10:20 Airbnb, KZbin
11:16 Tools for color palette ideas!
12:39 The Checklist

[@kp24164]

Always so helpful!! Thank you for your content. You are my go-to channel for UX/UI info. You explain things in a way that I can easily understand and retain, even as a beginner designer. Please keep up the good work 🙏

[@rachelhow]

Thank you for watching ❤️ For more resources, check out rachelhow.com/resources​ or my other videos! Comment below your content ideas - thanks Ahmed for suggesting this video!

[@qonitaafnani1454]

Thank you very much, Rachel! I love your thorough explanation of the basic theory of color and how we can explore by ourselves. It is very helpful for beginner like me

[@manoelafvb]

Girl you simply explained how to use color better than the whole material design article omg THANK YOU so much for your video

[@rachelhow]

I'm so glad to hear that! Thank you for watching too!

[@giovcaria6440]

Wow this was awesome, super informative and full of resources, and it's refreshing to finally see someone give accessibility the importance it should have in design. Thank you!

[@greyzenchance]

Hi girl! Thanks for this :) Choosing colors has always been super confusing to me, and what I really needed was a system. Your checklist helps a lot!

[@valeria5301]

IMHO one of the clearest and best video on the topic. Examples and resources are rly meaningful!

[@irenechua4725]

This video was a lifesaver for me as a UX designer with no design background! Love how you problem solve and deliver such a clear message for others who might be struggling too! Keep doing what you do as you're an inspiration ✨ 💯

[@rachelhow]

Thanks Irene! All the best to you

[@itsjeanyu]

Hi Rachel, this video is super helpful specially for someone like me who's learning UI/UX Design. Thank you!!

[@diarmaidof]

This is such an amazing resource! Thank you for creating this 😄

[@opeodunlami]

Thank you so much for sharing, Rachel! You touched all grounds 👏

[@thrillerz2505]

Wow! My data has been well spent. Beautiful presentation with tons of relevant informations for designers. Thank you so much for this. You've got a brilliant mind.

[@hael5901]

Thank you so much for your videos, Rachel! It really helps so much, especially for an aspiring UX designer myself :)

[@rachelhow]

You're welcome, Hael! Open to any video suggestions too :)

[@Eyenn_n]

Your videos are all super helpful! Thank you for sharing your knowledge!

[@nicolaspettini3143]

Great content! Thanks Rachel for sharing your method and ressources.

[@gbj6581]

Thanks. You videos are very insightful and informative! Keep up the good work.

[@dbbgba]

This is very useful and well explained ❤️ thank you!

[@subhasrini2706]

The checklist is handy. Thanks a lot! I think you're underrated!

[@phyoheinkyaw6612]

That's what I'm waiting for. Really love it

[@rachelhow]

Thanks for the idea! I'll definitely put this in my notebook :)

[@zoekutamura2412]

Wow Rachel! This is one of the most insightful and straight-forward video about colors I have watched so far. Thank you so much, this means a lot 🤍

[@davidostrowski679]

Simplicity is key for me! Love this video! Thanks Rachel!

[@rachelhow]

You're so welcome!

[@sarariosochoa2264]

Ohh Jesus, I am a graphic designer and I am learning a lot about colors with the tools you use. Uff Really thank you, this video it was an amazing complement to my UI&UX studies, Xhanks! Hello from Medellín Colombia. 💛💙❤

[@sivasankari8875]

Thank you so much for the video rachel, it was useful and insightful video especially for me as a beginner to learn more abt the ui ux design...Expecting more videos like this, Thank you 🙏😊

[@johngomes4278]

Your channel is so instrumental! Thank you

[@johngomes4278]

I love your channel too?

[@rachelhow]

Thank you!

[@johngomes4278]

Your hair and voice is so lovely 🌹 thank you for creating your channel too

[@soniyamazloomi7763]

This was awesome and very informative. Thanks a lot ! ❤

[@yrds96]

I was struggling on how to find adequate colors for my web application and this video was very helpful.

[@maianh9481]

How useful your video is. Thank you for sharing. Love it ❤❤❤

[@charlestube1012]

I love you and you’re best I’ve seen yet

[@learn3626]

Love your UI design for this video! Thanks for sharing your helpful tips :)

[@rachelhow]

Thank you for watching too!

[@solomonodunusi4660]

Thank you for the amazing tips

[@MrVipulLal]

Excellent video. Many thanks

[@RaynFemaleProducer]

FANTASTIC Info! Thank you!

[@amankrsharma1572]

Enlighting and to the point! Thanks for sharing this Rachel ❤

[@rachelhow]

Glad it was helpful!

[@priteshkanteliya297]

Well explained, very helpful for beginners. Thanks!!

[@rachelhow]

You're welcome!

[@digigoliath]

Great tips & nice tool recommendations. TQVM!!

[@rachelhow]

Thanks for watching!

[@AIContentHacker]

Love it! It has been a long time since I subscribed. Finally, I move to WordPress website building now I need this badly~👍👍👍👍👍

[@believe-in-yourself]

I am designing a website it has taken me weeks to decide I learnt that you should use 3 colours maximum and first 65% second 25% third 10% .. would you agree with this? Thank you for this great video. Best wishes 😊

[@ConstanceShadow]

You're a great inspiration! Thank you for your videos!

[@rachelhow]

thank you for watching!!

[@sarahatef9614]

Always so helpful!! Thank you for your content😍😍

[@rachelhow]

You're so welcome!

[@rakshaslog3058]

thankyou so much I just needed this!😍

[@rachelhow]

Thanks for watching too! :)

[@Sifu26]

Amazing! Great help thank you!

[@harshvardhan3907]

Woah what a game changer video. Can't thank you enough for this. Great work 😀

[@rachelhow]

thank you, Harsh! hope it's helpful to you :)

[@anjaliraj3184]

Great tips! And thanks for the resources

[@rachelhow]

You're welcome, thanks for watching 😁

[@OrincyWhyteDesigns]

This was soooo good!!!!

[@finnjuniperdenaro]

So Great! Thank You ☺

[@edithjimenez8757]

Thank you very much for this video!!! ❤️

[@williamoh]

Thank you so much for this video!

[@rachelhow]

Thank you for watching too!

[@natalia2722]

This is a great set of useful websites! Thank you so much for sharing it 😊

[@rachelhow]

Likewise. Thanks for watching 🤝

[@sanusiqudus411]

Thanks, very helpful video

[@MultimodalityEdu]

You are amazing! Thank you sooooo much!🥰

[@rachelhow]

You’re welcome 😊

[@syrenzen8055]

Such a great video! I really enjoyed how you simplified the major key components of UI/UX design. Stumbling across your video upon researching color scheme for my mercari selling platform has inspired me to pursue UI/UX design. Always knew I wanted to transition into coding/design & this helped me decide on a speciality. Gracias! 🤍

[@svet_lana8860]

This was soo helpful! Thank you, Rachel!

[@rachelhow]

You're so welcome!

[@emmamovsesyan]

This was amazing, thank you

[@Liquid179]

Hi! I'm so bad at design so this shorten my design phase. Thanks a lot!

[@corneliushuang1308]

Good Video！！With clear knowledge structure and practical online tool.

[@rachelhow]

Thank you for watching!

[@nivedha8303]

Such an amazing video with lots of helpful resources

[@rachelhow]

thanks! I’m happy to hear that it’s helpful.

[@0the0ambient0]

Nice, thorough explanation. Thank you!

[@rachelhow]

Glad it was helpful!

[@jonilo8792]

Thanks. This was very helpful!

[@umarfaruqadeshina1656]

Wow 😮 this is helpful, thank you very much

[@rachelhow]

You're welcome!

[@maezamora7478]

I really enjoy your tutorial videos! thank you so much for the info! :) More subscribers to come! God bless!

[@charlestube1012]

Watch all your videos and they’re worth it

[@graduaative8024]

wow very quick hack for colors

[@Mr.Persistent763]

Let me start by saying this. You're doing some amazing work girl!

[@rachelhow]

Thanks for watching :)

[@user-de2to2df7z]

I'm thinking about creating an ad for a language course (i'm still in the very beginning stage tho :D) and i stumbled upon your video. It helped a lot to get an overview of what to keep in mind as well as provided me with some useful websites i'd really love to check out as soon as i can, thank you! 😊

[@HABXKD]

so helpful, thank you!

[@johngomes4278]

That was great ! Looking forward to the next video !!

[@rachelhow]

More to come!

[@johngomes4278]

@@rachelhow yes my prayers are answered! I love your channel !!

[@creatoratplay]

This was really helpful, thank you!

[@rachelhow]

I'm so glad to hear that! Thank you for watching :)

[@kenzakhelkhal7931]

Thanks a bunch! that was very practical

[@rachelhow]

You're welcome!

[@yourtrinty]

This is so helpful

[@yuvisiddh1650]

It's very useful to me 👍, thanks for this video

[@rachelhow]

You’re welcome 😊

[@Roosterhoot2024]

really helpful thanks

[@itsvernicekho]

thank you for this! i just found your channel and i love it!

[@rachelhow]

Welcome!! Thanks for watching Vernice!

[@mpGreen03]

This is so useful wow, thank you so much!!

[@rachelhow]

Thank you!!!

[@pedrocontrerasavendano8578]

Excellent video, thanks a lot

[@vickyvijayraj]

Great explanation

[@prabhashmishra6476]

Thank You Rachel

[@uxdesigndiy]

Thanks for the share! :)

[@midewestmond9442]

Thanks so much this help me.

[@rachelhow]

You're welcome!

[@user-qu6yn5dm4b]

thank you!!

[@prince-sonawane]

This was really help full :)

[@rachelhow]

Thank you!!

[@yunchu10101]

Great video!! Very helpful~

[@rachelhow]

Thank you!

[@ianemartins9714]

This is the best KZbin channel about UX design I have ever seen. Thank you so much!

[@merlinquittek]

Thanks!

[@Sara-oy6ly]

Thank you rachel ❤❤

[@rachelhow]

❤️

[@mdismailhossain4324]

Thank you so much.

[@rachelhow]

You're welcome!

[@saurabh8damor]

✨ Gold information ✨

[@rachelhow]

🙌

[@wallacesousuke1433]

So cute!!!!

[@t.m.2229]

What a helpful video! I could create my perfect color palette thanks to you! Could you please tell me which font you used for the titles? Like the word „Accessibility“? I love the square dots on the i

[@bakalowkmotiondesigner329]

Composition! It will and awesome theme!! And alsoo how color impact on composition? Sometimes you make everything look perfect in grey scale palette. But then... you add a 3-4 colors and composition is ruined : )

[@asyraframly7078]

Such a worth video! Next maybe design system can ah?

[@rachelhow]

Can lah 😂 Thanks Asyraf! I'll park it in my Notion :)

[@user-hz5mk8iu5j]

Thank you soo much

[@rachelhow]

Thank you for watching!

[@wpxpert98]

Thank you

[@Oche923]

Can you do a video on typography like what fonts to use, where to use them, their size, color etc

[@Naz-yi9bs]

Hey thank you for this awesome video. Question, if your primary and secondary color is Green and Blue, what would you use for successful state/ info state colors, would it be just different shades of green and blue or something totally different. Thank you in advance.

[@winotoangkasa570]

That was a super informative 13 minutes

[@rachelhow]

Thanks, Winoto!

[@motivationislami1]

Thanks 😊

[@rachelhow]

You're welcome!

[@andydoma]

Great vid!

[@rachelhow]

Thank you for watching, Andrzej!

[@ds7479]

great video..could you please make video about how you create you tube videos, softwares and tools (camera model) and explain how you edit and add audio

[@thiyagesh9789]

Hi Rachel!, The content is really helped me and leant a lot 💙. But, I didn't get exactly why should I need neutral color palette for my website.

[@wisemiro7613]

awesome