Choosing a color palette is an important point in the website development process. It not only attracts attention, but also conveys the brand’s message, helps create the right mood and associations, and influences conversion.
Information tab Did you know that 93% of buyers believe that color determines their choice, and 52% will not return to a site that does not satisfy aesthetic requirements. At the same time, the best colors for a target action button (“Subscribe”, “Download” or “Submit a request”) are traditionally considered red, orange and green. They increase the conversion rate of mobile users by 13.5%, and by 9% overall. Products are added to cart 6.5% more often. BMI, HubSpot, Ript, and VegasSlotsOnline achieved conversion improvements from 2.5% to 175% by changing only the color of the CTA buttons.
Source link
In our article today we will not analyze the peculiarities of audience perception of different colors; a lot of materials have been written about this. In this review, we have collected for you 51 examples of spectacular and modern color solutions from a variety of business sectors. Get inspired!
Compare colors in the interior wisely
To create a harmonious combination, use the color wheel. Possible color combinations, taking into account their location in the color wheel: • from one sector (for example, several shades of blue); • opposite sectors (yellow and purple), • three colors separated by an equal number of sectors (yellow, blue, red); • two opposite sectors, one of which is replaced by two adjacent ones (yellow, blue-violet and red-violet); • adjacent sectors (violet, red-violet and red). Trying to take the path of least resistance by combining colors in equal proportions is a bad decision. One of the selected colors must be more than the remaining ones. It is recommended to regulate the saturation of the colors included in the combination by darkening or lightening them. After all, excessive contrast in the interior is difficult to perceive.
Color combination in the bedroom interior
The place where we spend the most time at home and, ironically, we don’t see him the most, because we sleep. But still, colors should create a cozy and comfortable atmosphere. The simplest and safest option is a light beige or brown color scheme. But still take a closer look at the gray.
Gray, like black, suits almost all colors: blue, light blue, green, yellow, brown, pink. Such bright accents will look great in a gray frame.
Advice . The gray color of walls or textiles will be no less calming than classic white or beige combinations.
But no matter what color you choose, there is no most harmonious and correct combination in the interior. Just as there is no law that specifies prohibited or permitted colors. Of course, you can use the Luscher method or the “seasonal” approach (there is such a thing) to choose colors, but only your inner craving or rejection of a certain shade will help you create your own, most harmonious palette.
When choosing the color of a living room, consider the temperament of the person for whom it is intended
According to psychologists, choleric people are not indifferent to the color red, but green will help balance their explosive nature. Sanguine people prefer yellow, and the negative qualities of their personality are smoothed out by purple. Phlegmatic people feel most comfortable surrounded by green, but red will help them cheer up and tone up. Melancholic people choose blue. To make these vulnerable people feel more confident, it is recommended to surround them with red, orange or yellow colors.
Use the optical properties of colors
The room you are planning to transform does not have ideal proportions? This is not a problem if you remember in time about the optical properties of colors. Warm tones visually bring the surface painted by them closer, while cold tones make them move away. For example, for a smaller wall of a narrow pencil case room, choose a yellow-brown color, and visually the room will take on a more regular shape. To enhance this useful optical effect, paint long walls in a harmonizing cool shade. For a small room, it is not recommended to choose saturated colors. In addition, a person who finds himself in a confined dark space feels depressed. Pastel colors will visually increase its area. If you are the happy owner of a room whose dimensions are significantly larger than the average, feel free to use dark shades.
Color combination in the kitchen interior
The art of receiving guests is to make them feel at home. Gray is the ideal color for both small and large kitchens. It can be both warm and cold, thanks to the many shades it can become both a background and a rich accent.
Advice . If you paint the walls gray, then choose warm shades for the flooring and furniture. It is better to avoid beige, or rather a beige-yellow shade. If the kitchen has little light and a small meter, the color will appear dirty and create a stuffy impression. Take a closer look at shades close to yellow.
A noble brown shade is usually used in kitchen furniture. An undoubted advantage is that the kitchen will not go out of fashion for a long time, but keep in mind: massive dark cabinets will reduce the space, so make the walls in light colors. And if you choose brown for the walls, then the opposite rule is that it is better to make furniture, textiles and household appliances in light shades.
Consider the influence of color on a person’s psycho-emotional state
Red – has a stimulating effect on the nervous system and enhances muscle activity. A person who spends a long time in a red room may experience increased blood pressure, increased blood circulation and heart rate. Red color increases appetite. For living spaces, it is recommended to use red as separate accents.
Orange – improves mood, promotes a speedy recovery from depression. In an orange room, a person feels cheerful and optimistic. But if the nervous system of the owner of the premises is easily excitable, then limit the amount of this color. Orange can improve immunity, so it is recommended to use it for rooms where the inhabitants are often sick.
Yellow - similar in effect to orange, but additionally helps to improve intellectual activity. The stimulating properties of yellow limit its use in rooms where there are people with mental or nervous diseases. You can't expect tranquility in a yellow room, as the color can be overly invigorating. Pastel shades of this sunny color are the best option for living spaces.
Blue is a leader in its ability to visually enlarge space, surpassing even white in this characteristic. Creates an atmosphere of lightness and airiness in the interior. In a blue room, sleep is normalized and the work process is more productive. This color encourages frankness, so it would be an ideal solution, for example, for a psychologist’s office. Blue and rich shades of blue are rarely used in the interior due to the depressing effect they have on the nervous system.
Green – from a physiological point of view, is the most easily perceived. Creates a feeling of safety and calm. This color is ideal for decorating rooms where negotiations take place, as it increases the likelihood of making the right decision by approximately 20%. If you want to enhance the stimulating effect of green, it is recommended to pay attention to its warm shades.
Pink – promotes complete relaxation, preventing you from concentrating on activities that require physical or mental stress. A pink interior helps slow down the aging process and softens the perception of high background noise.
Purple is called the color of compromise. It promotes creative work, introspection, and personal development. But too much purple can cause apathy.
Gray color is one of the most fashionable in modern design, as it is a universal, most suitable background for original textures and shapes. Gray fits harmoniously into almost any interior, pleasantly softening it.
the brown color has on a person is in many ways similar to green. It calms, normalizes the functioning of the nervous system, creates a feeling of comfort and safety. The combination of green and brown is classic in the interior and is liked by the vast majority of people.
Black color is used in the interior as accents. A completely black room is a rare exotic, largely because a person in it soon begins to feel anxiety and apathy. Black absorbs sunlight, so a room decorated in this color will be perceived as poorly lit.
The field of development and sales of software, software, IT
Main pages
Slack (link https://slack.com/intl/en-ru/?eu_nc=1)
The Slack home page is a simple design with a clear description of what their solution is aimed at, what problems it solves, and a clear call to action to “Get Started.” To demonstrate quality and benefits, the company indicates a list of its customers.
Color solution
Accent purple will help draw attention to your message if the site has a minimalist design.
Litmus (link https://litmus.com/)
Litmus' home page is another example of a clean design with simple illustrations that showcase the benefits of their software.
Color solution
Offering tools to solve email marketing problems, Litmus uses a friendly and warm shade of orange on its homepage slider. Overall the design is made in an energetic and optimistic palette.
Basecamp (link https://basecamp.com/)
Basecamp uses light and unobtrusive infographics on their website: minimum text, maximum useful information. By scrolling to the bottom of the home page, the visitor sees an impressive graph showing the growth of Basecamp's customer base.
Color solution
Bright accent yellow effectively attracts and directs users' attention to important navigation elements of the site.
Prezi (link https://prezi.com/)
The Prezi project web resource is light and clean, with a small set of visual images. All graphic elements are chosen clearly and tastefully: they demonstrate examples of work and the process itself.
Color combination
Here blue and green are combined in a laconic and non-standard color scheme. Together they are amazingly endearing.
Mint (link https://www.mint.com/)
Mint's home page is designed with an emphasis not on the product, but on creating a feeling of safety and happiness from cooperation. In addition, the company perfectly understands where modern marketing is heading - and focuses on mobile devices and tablets.
Color solution
The palette combines warm and cool shades, while it looks rich, but not overloaded. Gradient effects create a trendy and modern design feel. Landing pages
Boords (link https://boords.com/)
Landing page from Boords consists of a short description on the first screen, customer reviews and screenshots from the software.
Color solution
The bright and elegant color scheme combines several striking shades at once: modern and tasteful.
Airtable (link https://airtable.com/)
Another example of a landing page made taking into account all graphic design trends.
Color solution
The palette is brighter and more playful, full of life and dynamic - the ideal visual solution for modern and bold projects.
Intercom (link https://www.intercom.com/)
The Intercom page uses fun animations to draw attention to the main target action: collecting email addresses. The colorful illustrations are followed by explanations of why you need it and what benefits you will get. Behind each feature is a quote as evidence.
At the end of the page, the call to action is duplicated - this is very convenient for users.
Color solution
It’s hard to take your eyes off the combination of black with blue accents – ultra-modern and bright.
Later (link https://later.com/)
This colorful landing page repeats its call to action throughout the content experience: at the very beginning, in the middle, and after scrolling to the end of the resource. Not everyone likes this repetition mechanic, but here the company presents different arguments to convince it every time.
Blogs
Engadget (link https://www.engadget.com/)
Quite simple at first glance, the Engadget blog is very well thought out and easy to learn. The top horizontal menu contains a topic rubricator, which is fixed when scrolling. Another plus is tabs inviting you to subscribe to the newsletter for updates on the topic.
The presence of free space between headings helps not to overload the page and not get confused in the abundance of headings.
TechCrunch (link https://techcrunch.com/)
The recognizable style of the TechCrunch blog is green accents in a laconic feed. At the same time, accents are used very carefully and do not distract from the main meaning.
Color solution
The green shade is calming and inviting. In monochrome design it is effectively used as a recognizable and bright accent.
Adobe Spark (link https://blog.adobespark.com/)
The Adobe Spark blog is part of the global image that Adobe projects create. High-quality images become the main design element here. The layout is made in a modular format of two columns, and the most popular and relevant articles are displayed in sliders in the form of a carousel.
Color solution
Bright and colorful images look impressive against the most neutral light background.
The Verge (link https://www.theverge.com/)
Bright neon colors are the style of The Verge blog. The palette looks impressive both on a black background (the first screen and the footer of the site) and on a white background (the main part of the blog).
Color solution
Bright pink shades lift the user's mood, look great in company with a white, gray and black background, leaving a feeling of creative company.
Conclusions: TOP 5 winning color combinations
The above examples prove that a blog, as part of a site with a huge amount of textual information, should not be overloaded with different colors and shades. When choosing colors, choose one main color and a second color for accents:
Palette #1: #FBE8A6 – #F4976C – #303C6C – #B4DFE5 – #D2FDFF
An energetic and optimistic palette created for bright projects. Posted by Cher Ami
Palette #2: #F8E9A1 – #F76C6C – #A8D0E6 – #374785 – #24305E
The bright and elegant color scheme combines several striking shades at once: modern and tasteful. Posted by Waaark
Palette #3: #0B0C10 – #1F2833 – #C5C6C7 – #66FCF1 – #45A29E
It’s hard to take your eyes off such a site; dark shades of gray combined with turquoise accents will decorate any modern project. Author: Bert
Palette #4: #1A1A1D – #4E4E50 – #6F2232 – #950740 – #C3073F
Pink, red and gray shades look great against a dark background and are associated with sophistication and minimalism. Posted by Bryan James
Palette #5: #25274D – #464866 – #AAABB8 – #2E9CCA – #29648A
Rich shades of blue make this design understated, but at the same time interesting. An excellent choice for corporate and educational projects. Author: Supremo
We will help you develop an effective and modern blog on your website. Submit your application.
