I have selected for you some very colourful websites made with Divi. It's always nice to find some inspiration!
But who said that colours were out of fashion? You'll see that colours can give a site a very punchy look without going overboard... Although...
In this article, you will see everything! Here is the programme:
- A design in turquoise & yellow
- A design in neon colours!
- A blue website
- A multi-coloured site
- A starry red header
- A purple site too...
- A pomegranate pink website
- A design in shades of fuchsia
- A design in shades of yellow-orange
- An old yellow site
Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.
1 - A design in turquoise & yellow
If I had to describe the homepage of this very colourful site, I would say that it is "wow"!
I love these 4 Divi sections that go from turquoise to yellow to green to pink! Sections with acidulous colours and tone-on-tone images in parallax. It borders on genius (lol)!
The header with the levitating pineapple is also very successful!
Nothing very complex on the technical side since the site is a simple onepage...
Discover this colourful site here.
2 - A design in neon colours!
Although black & white is predominant, the design of this site also features fluorescent colours that pop on your screen.
Blue, yellow, green and neon pink!
The menu is a little extravagant and the logo changes colour regularly.
They have chosen a left side menu which is a bit out of the ordinary. It is very successful!
Ready to break your screen? Discover the site.
3 - A blue website
The design of this website is beautiful! Everything is perfect: the choice of colours, the handmade icons, the offset buttons, the highlighting of the titles...
Special mention should be made of the "logo that overflows the main menu" and the "LazyLoad icon" that allows the user to wait for the download.
The site uses the Divi Dividers on almost all its pages and the Community page uses the Accordion modules in the manner of an FAQ... Nice!
Admire this Divi blue and pink website without further delay!
4 - A multi-coloured site
A very smart design, in the 70's style and an animated header...
When you arrive on this site, you discover the logo and a lot of multicoloured images that appear on the screen when you scroll your mouse. It's great!
This is a site dedicated to podcasts. Each video is published within an article and a category. Each category has its own colour.
Its orange half-tone footer is also very successful.
Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE
5 - A starry red header
This site is rather simple, but as soon as you visit it, there is this bright red hero header that catches your eye. At the bottom of the header is a constellation that follows the movement of the mouse as it is hovered over. It's quite captivating.
If you want to do the same, you can do it with my Particle.js tutorial for Divi.
This red starred header is found on all pages of the site.
6 - A purple site too...
A strong purple header that shows a looping video.
The other sections offer blue and green. The choice of these three colours is rather surprising... but why not?
The background of the main menu is all transparent. It's a pity, they could have done a purple-blue-green reminder with a menu that changes colour.
Need more inspiration? Discover all the official Divi Showcases.
7 - A pomegranate pink website
This site is all pink-grenadine and white, I find it quite soothing actually.
The choice of fonts is also very good.
It is a coaching site on which you feel confident. Is this due to the colour? Or perhaps because a portrait of the therapist is featured on the homepage?
Do you want to see life in the pink?
8 - A design in shades of fuchsia
More pink here, but more intense. Almost fuchsia. The header hero invites us to scroll down with an animated down arrow.
When you go down, the second section is a video, in the shape of a wave. They certainly added Dividers to achieve this effect.
Afterwards, we arrive on a section in parallax with a beautiful blue sky and a bright sun.
The footer also features the four predominant colours.
Each page has a unique and very original header in flat design.
For inspiration, I recommend browsing through all the pages of this colourful Divi site.
9 - A design in shades of yellow-orange
You want colour? You'll get it! At first glance, the harmony between red, yellow and orange is very successful.
It's a shame that when you scroll it goes all over the place... Blue, fixed background images that change from section to section (without having a full section between two sections with image).
10 - An old yellow site
Yellow, blue and grey. Not the best choice of colours in my opinion and yet the design is harmonious. The yellow is predominant and the blue peaks bring an unexpected contrast. It's not bad at all.
The other pages of the site are in line with the home page.
Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials!
In conclusion: will coloured sites come back into fashion?
What do you think of ultra-coloured websites? Do you think it's too kitschy?
Personally, I think that a very colourful site can be very classy if the design is well thought out, in harmony with the brand's colours and its theme.
Depending on the theme of the site, you can't afford it: imagine a site for a lawyer's office or an accountant's office with garish colours... It wouldn't be serious!
So, whenever I get the chance, I love to add some colourful notes to the sites I create with Divi... How about you?