How to Really use Colour Palette 🌈
Courtesy of @rebrandesign
So, since the beginning of my career, I’ve always struggled with colour combinations in web design as all we did, and it was so hard to come up with the idea of cool colour schemes, and one day I found some palette somewhere and have decided to test it on but failed miserably.
So in this pack of tips I’ve tried to gather all my thoughts and life hacks on the usage of colour schemes.
For this project, I collaborated with @colorxprez
Hope you will like it! Subscribe for more fun stuff from me!
So, imagine you saw somewhere a beautiful palette and thought “Wow, Cool! Let me try it on my next project!” But when you really try to implement it, nothing looks as great as supposed to!
First step – pick primary color!
When I'm thinking about primary colour i think about that will be used predominately throughout the project. To be more precize ~60% of the project, for example – for a background.
Then pick secondary color!
Secondary color is the partner of the first one, keep it in mind, they go together pretty well and help each other to balance the whole page. You can adjust it if you need, for my page i've decided to change it to white.
Lastly – ACCENT color!
Accent color, sometimes it's secondary, but it helps to infosize different areas in your projects ( buttons, icons, important information) For this project i implemented some of the accent colours to my background as well.
Second Secondary Color
ln some cases you may have second secondary 🙂 color to create an additional layout (different page, or part of the screen This colour often can become the main secondary colour and change the whole colour solution. Keep it in mind
So for this post, i've created app screen which will help us to implement our picked and polished colour schemed.
- Always thing about the audience of this project beforehand! Beautiful ul is very cool but you have to think about product itself as well as emotions you want to elicit through these colors because there is something called “Color Psychology” and you want to make sure that you're not going against the basic human perception of the particular colors.
- Color pallete is just a starting point of your design! You can fix some colors, add more and color scheme is just a scheme which helps your project to get additional points.
Bonus — 4 tools that may be useful in your designer way:
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.