Book a Call
Website Design
Colour Palettes
Design Trends
2024 Trends
Colour Psychology
ARTICLE #46
Table of contents
Trending colour palettes for website design in 2024


Website Design
Colour Palettes
Design Trends
2024 Trends
Colour Psychology
Website Design
Colour Palettes
Design Trends
2024 Trends
Colour Psychology
Written by:
3 min read
Updated on: July 5, 2024
Toni Hukkanen
Head of Design

Creative Direction, Brand Direction
Toni Hukkanen
Head of Design

Creative Direction, Brand Direction
Colour isn’t just eye candy—it’s your website’s handshake with visitors. Pick the right palette, and you can radiate confidence, warmth, or a hint of daring. Go in the wrong direction, and your pages might come off as bland or chaotic. This year, the design world is focusing on comforting pinks and laid-back blues, but that’s hardly the entire story.
One might question whether these trends truly matter. The short answer? Absolutely. A cohesive colour scheme can amplify your brand’s character and lift the user experience. Below, we’ll explore which tones are making waves in 2024, plus a few tips on blending them into a compelling online presence. Let’s get started.
Colour isn’t just eye candy—it’s your website’s handshake with visitors. Pick the right palette, and you can radiate confidence, warmth, or a hint of daring. Go in the wrong direction, and your pages might come off as bland or chaotic. This year, the design world is focusing on comforting pinks and laid-back blues, but that’s hardly the entire story.
One might question whether these trends truly matter. The short answer? Absolutely. A cohesive colour scheme can amplify your brand’s character and lift the user experience. Below, we’ll explore which tones are making waves in 2024, plus a few tips on blending them into a compelling online presence. Let’s get started.
Why colour matters in design?
Why colour matters in design?
Colour strongly influences how visitors feel about a brand. Blue often conveys calm or security, while green suggests freshness. Meanwhile, orange and yellow boost energy and spark interest.
This emotional pull is just as relevant when it comes to branding. Target’s red logo provides a clear example, as that hue is now associated with the company’s identity. It isn’t necessary to wade through the psychology of every possible shade, but it’s smart to consider the overall mood you’d like to project. A lighter lavender might have a soothing effect, whereas a vivid purple can be surprisingly lively. Even tiny shifts in brightness or saturation can alter how your site is perceived.

Colour strongly influences how visitors feel about a brand. Blue often conveys calm or security, while green suggests freshness. Meanwhile, orange and yellow boost energy and spark interest.
This emotional pull is just as relevant when it comes to branding. Target’s red logo provides a clear example, as that hue is now associated with the company’s identity. It isn’t necessary to wade through the psychology of every possible shade, but it’s smart to consider the overall mood you’d like to project. A lighter lavender might have a soothing effect, whereas a vivid purple can be surprisingly lively. Even tiny shifts in brightness or saturation can alter how your site is perceived.

Trending Colour Palettes 2024
The major paint companies often spotlight a “colour of the year,” and 2024 is no exception. This time, Pantone selected Peach Fuzz as its top pick. Below are other trending combinations that might fit your next website project.
Dutch Boy’s Ironside
Dutch Boy Paint’s choice for 2024, Ironside, draws on themes of wellness, comfort, and a nod to nature. The company has grouped Ironside into several palettes:
Embrace palette: Combines Ironside with Antique White, Heritage Brown, and Whale’s Tail. These shades can work well for backgrounds or accents, balanced with lighter tones for legibility.
Retreat palette: Mixes Ironside with Sanded Grout, Antiquated Olive, and Wild Orange. This grouping can cultivate a warm, inviting vibe. Some designers like it for highlighting key sections or calls to action.
Inspire palette: Focuses on creativity and energy. It’s likely to suit sites looking to project a bright, lively identity.
Sherwin-Williams’ Upward
Sherwin-Williams offers a colour family revolving around restful blues and greens, fitting for brands linked to wellness, lifestyle, or eco-focused content.
Coastal chic palette: Uses light blues, subtle greys, and white. It adds a relaxed atmosphere to backgrounds, letting your content stand out without overwhelming the viewer.
Benjamin Moore colour palette
Benjamin Moore’s Blue Nova 825 also ranks among this year’s popular selections. It has a comforting mid-tone feel that can unify various design elements.
Blue Nova 825: Works as either a primary colour or an accent within a more neutral setup.
Mount Saint Anne: Useful for buttons, headings, or icons that need a bit of emphasis without clashing.
Peach Fuzz
Chosen by Pantone for 2024, Peach Fuzz is known for its gentle, welcoming personality. It contrasts sharply with the bright choices of previous years, and Pantone’s team believes it blends youthful energy with refined elegance.
This soft shade can serve as both a primary and a neutral element in your website design. For instance, large banner sections might lean on Peach Fuzz for warmth, paired with deeper accents in navigation menus or footers.
Lavender Haze colour palette
This collection emphasises calming greens and sweet purples. It’s particularly appealing to those in child-focused fields—like newborn photographers or paediatric brands—who want to put visitors at ease. The gentle tones are also a favourite for adding a subtle, nurturing atmosphere to any page.
Millennial Pink colour palette
Millennial Pink has been popular for years, and it remains a fresh option in 2024. This approach often blends multiple pink shades with lavender, occasionally introducing a buttery yellow as a neutral base. The result can be playful without crossing into garish territory—ideal for lifestyle or fashion-related websites.

The major paint companies often spotlight a “colour of the year,” and 2024 is no exception. This time, Pantone selected Peach Fuzz as its top pick. Below are other trending combinations that might fit your next website project.
Dutch Boy’s Ironside
Dutch Boy Paint’s choice for 2024, Ironside, draws on themes of wellness, comfort, and a nod to nature. The company has grouped Ironside into several palettes:
Embrace palette: Combines Ironside with Antique White, Heritage Brown, and Whale’s Tail. These shades can work well for backgrounds or accents, balanced with lighter tones for legibility.
Retreat palette: Mixes Ironside with Sanded Grout, Antiquated Olive, and Wild Orange. This grouping can cultivate a warm, inviting vibe. Some designers like it for highlighting key sections or calls to action.
Inspire palette: Focuses on creativity and energy. It’s likely to suit sites looking to project a bright, lively identity.
Sherwin-Williams’ Upward
Sherwin-Williams offers a colour family revolving around restful blues and greens, fitting for brands linked to wellness, lifestyle, or eco-focused content.
Coastal chic palette: Uses light blues, subtle greys, and white. It adds a relaxed atmosphere to backgrounds, letting your content stand out without overwhelming the viewer.
Benjamin Moore colour palette
Benjamin Moore’s Blue Nova 825 also ranks among this year’s popular selections. It has a comforting mid-tone feel that can unify various design elements.
Blue Nova 825: Works as either a primary colour or an accent within a more neutral setup.
Mount Saint Anne: Useful for buttons, headings, or icons that need a bit of emphasis without clashing.
Peach Fuzz
Chosen by Pantone for 2024, Peach Fuzz is known for its gentle, welcoming personality. It contrasts sharply with the bright choices of previous years, and Pantone’s team believes it blends youthful energy with refined elegance.
This soft shade can serve as both a primary and a neutral element in your website design. For instance, large banner sections might lean on Peach Fuzz for warmth, paired with deeper accents in navigation menus or footers.
Lavender Haze colour palette
This collection emphasises calming greens and sweet purples. It’s particularly appealing to those in child-focused fields—like newborn photographers or paediatric brands—who want to put visitors at ease. The gentle tones are also a favourite for adding a subtle, nurturing atmosphere to any page.
Millennial Pink colour palette
Millennial Pink has been popular for years, and it remains a fresh option in 2024. This approach often blends multiple pink shades with lavender, occasionally introducing a buttery yellow as a neutral base. The result can be playful without crossing into garish territory—ideal for lifestyle or fashion-related websites.

Fairy Tale Kaleidoscope
This palette celebrates a mix of both bright and subtle tones to evoke different feelings. It includes colours such as pink diamond, golden leaves, red grape, orange festival, lavender mesh, and green oasis. When used carefully, it can add a sense of whimsy while still guiding readers through content.
Spring Forward colour palette
Green rarely goes out of style, and here it’s combined with emerald and touches of gold. The subtle pale green feels modern, the emerald supplies depth, and the inclusion of creams keeps everything grounded. It’s a solid choice for brands looking for a fresh, balanced look.
Country Club Chic colour palette
Inspired by classic English country vibes, these colours lean on neutral browns paired with a deep green and blue. The effect offers a calm, grounded base, which can work well for organisations that want a professional but approachable tone. It also hints at understated luxury without feeling formal.
Italian Countryside colour palette
This set revolves around burgundy, enhanced by a strong blue and lighter neutrals. Burgundy can act as a powerful main feature, while the blues and neutrals balance it out. Consider contrasting text colours or backgrounds so that vital details remain legible.
Fairy Tale Kaleidoscope
This palette celebrates a mix of both bright and subtle tones to evoke different feelings. It includes colours such as pink diamond, golden leaves, red grape, orange festival, lavender mesh, and green oasis. When used carefully, it can add a sense of whimsy while still guiding readers through content.
Spring Forward colour palette
Green rarely goes out of style, and here it’s combined with emerald and touches of gold. The subtle pale green feels modern, the emerald supplies depth, and the inclusion of creams keeps everything grounded. It’s a solid choice for brands looking for a fresh, balanced look.
Country Club Chic colour palette
Inspired by classic English country vibes, these colours lean on neutral browns paired with a deep green and blue. The effect offers a calm, grounded base, which can work well for organisations that want a professional but approachable tone. It also hints at understated luxury without feeling formal.
Italian Countryside colour palette
This set revolves around burgundy, enhanced by a strong blue and lighter neutrals. Burgundy can act as a powerful main feature, while the blues and neutrals balance it out. Consider contrasting text colours or backgrounds so that vital details remain legible.
Final note
Colour goes beyond a website’s aesthetic. It has the power to engage users from the moment they arrive, influencing how they feel about your brand. For a cohesive design, plenty of professionals use the three-colour rule: one main colour, one complementary colour, and one accent. That combination usually sits somewhere between three to five total shades.
Peach Fuzz, Ironside, and Blue Nova 825 are just a few shining examples of 2024’s most noteworthy tones. Picking colours that fit your brand persona can make all the difference in forging a strong emotional bond with visitors. If your site feels in need of a visual refresh, trying one of these trending palettes might be the perfect next step.
Colour goes beyond a website’s aesthetic. It has the power to engage users from the moment they arrive, influencing how they feel about your brand. For a cohesive design, plenty of professionals use the three-colour rule: one main colour, one complementary colour, and one accent. That combination usually sits somewhere between three to five total shades.
Peach Fuzz, Ironside, and Blue Nova 825 are just a few shining examples of 2024’s most noteworthy tones. Picking colours that fit your brand persona can make all the difference in forging a strong emotional bond with visitors. If your site feels in need of a visual refresh, trying one of these trending palettes might be the perfect next step.
More news
Work with us
Click to copy
work@for.co
FOR® Industries
- FOR® Brand. FOR® Future.
We’re remote-first — with strategic global hubs
Click to copy
Helsinki, FIN
info@for.fi
Click to copy
New York, NY
ny@for.co
Click to copy
Miami, FL
mia@for.co
Click to copy
Dubai, UAE
uae@for.co
Click to copy
Kyiv, UA
kyiv@for.co
Click to copy
Lagos, NG
lagos@for.ng
Copyright © 2024 FOR®
Work with us
Click to copy
work@for.co
FOR® Industries
We’re remote-first — with strategic global hubs
Click to copy
Helsinki, FIN
hel@for.co
Click to copy
New York, NY
ny@for.co
Click to copy
Miami, FL
mia@for.co
Click to copy
Dubai, UAE
uae@for.co
Click to copy
Kyiv, UA
kyiv@for.co
Click to copy
Lagos, NG
lagos@for.ng
Copyright © 2024 FOR®