Whether you’re building a new brand from scratch or creating an exciting new product, color can have a huge impact on its overall message and effectiveness. Certain color combinations have the power to catch our attention, generate emotion and ultimately make a lasting statement.
7 Beautiful Blue And Purple Color Palettes (With Hex Codes)
Blue and purple are both cool colors that can create a beautiful and calming color palette when used together. They work so well together because they appear next to each other on the color wheel so they have a harmonious feel to them.
Fun Fact! Colors that appear next to each other on the color wheel are known as analogous colors.
Blue and purple color palettes are a great choice for brands and products that want to promote relaxation, wellness, and serenity.
Lighter shades of purple combined with pastel blues colors create a soft and romantic feel with light purple shades such as lavender and lilac being popular choices for romantic celebrations and products that promote luxury and relaxation.
Dark purple shades such as eggplant and plum create a more dramatic and mysterious effect and when combined with blue can make a brand or product really stand out!
Blue And Purple Hex Codes And RGB Values
While blue is a primary color, purple is a secondary color that is created when you mix red and blue together. Depending on how much red and blue you use to create purple, you can create a wide range of purple shades ranging from warm, reddish purples to cool, bluish purples.
This is what primary blue and traditional purple look like:
Primary Blue
Hex Code: #0000FF
RGB Code: RGB(0,0,255)
Purple
Hex Code: #800080
RGB Code: RGB(128, 0, 128)
Blue And Purple Color Palettes
While a blue and purple color palette might not immediately come to mind when choosing a color palette for your brand or building your website, it certainly can’t be overlooked!
Here you will find a collection of purple and blue color palettes that I hope will help you choose the best blue-purple color combinations! Along with each palette I’ve also included a color swatch table with each color’s hex code so that you can begin using the color you like in your designs straight away!
If you would like more ideas, don’t forget to check out the color palette library where you can search all our color palettes by color!
Blue And Purple Flower Inspiration
Let’s get started with this gorgeous, bold blue and purple palette! A dark navy blue forms the base for this palette with shades of purple and a pastel blue being used to create a calming yet bold look and feel!
| #0F1C60 | #1A5598 | #625CCE | #6481D9 | #89B5E5 |
Pastel Blues and Purples
This color palette once again uses a darker blue shade as its base but this time uses pastel blues and pastel purples to create a soft and pretty palette.
| #3E5282 | #6C81C0 | #84A5E3 | #8B83C6 | #B5A5D7 |
Brighter Pastel Purple Color Palette
If you love shades of pastel purple but still want some brighter contrasts, then why not try this color palette which features bright and vibrant teal-colored shades of blue!
| #A389D4 | #D7BEF5 | #E1CEFB | #8ADEF6 | #B7EAFC |
Vibrant Blue and Purple Color Palette
This color palette is similar to the color combination that was used above. However, this palette features a rich indigo-colored purple combined with a powder blue and teal blue.
| #9B4BB7 | #AE99D6 | #D3D3F2 | #6AA1DA | #97E6EA |
Dark Purple And Dark Blue Color Palette
Combining an equally dark purple and dark blue shade with lighter shades of blue and purple creates a luxurious color palette that works well for dramatic and bold designs!
| #0A497C | #65A0C5 | #6436A5 | #9370BF | #B29BCB |
Cornflower-Inspired Blue And Purple Palette
This cornflower-inspired color palette combines shades of blue and purple creating contrast and drama.
| #5772CB | #4087C4 | #7647DE | #7560D6 | #A095F0 |
Dark, Bold, And Moody Palette
If you are wanting to go for a more dramatic and bold blue and purple palette then this might be the one you are looking for! Navy blue combines with a dark purple shade to create a solid base for bright and vibrant purples and blues.
For another variation of this color palette, check out our navy blue color palette collection!
| #02327C | #064994 | #53007A | #AD01C3 | #9F72D4 |
26 best color combinations for your next design
Color is the most powerful tool as a designer — and the most vast. Here are 26 of the best color combinations to inspire your next design in 2023.
and now, a brief word from our sponsor
Unleash your creativity on the web
Use Webflow’s visual development platform to build completely custom, production-ready websites — or high-fidelity prototypes — without writing a line of code.
Get started for free
Get started for free
Whether you’re an amateur designer or a seasoned professional, you know firsthand the incredible impact of color.
Color evokes emotion. It has an influence on our perception — inspiring responses, subconscious or conscious, in the human brain. The types of colors you use can even impact which generations your designs appeal to. And due to its influential and communicative nature, color is perhaps the most powerful tool at your disposal as a designer.
With 16.8 million colors to choose from, the color scheme options for your next logo, web, or brand identity design are just about infinite. Luckily for you, we got you covered. Down below features 26 of the best color combinations that’ll inspire your next design — classic and trending color combos alike.
But first, let’s look at color theory and the color wheel
Being knowledgeable of both color theory and the color wheel helps you understand why certain color combinations work so well together. Color theory feeds into color psychology, which digs into how our brains perceive color.
Color theory
Color theory is the art and science of using color. Research has shown that color has a psychological impact on human behavior and thought. For artists and designers, color theory is a collection of rules and guidelines which designers use to communicate with users through appealing color schemes.”
Color wheel
Part of these rules and guidelines make up the color wheel — designed by Sir Isaac Newton in 1666. Newton intimately understood how color was defined by human perception and how it came together to create eye-catching combinations, resulting in him creating the primary, secondary, and tertiary color categorizations:
- Primary colors: red, yellow, blue
- Secondary colors: orange, green, violet (created by mixing primary colors)
- Tertiary colors: red-orange, yellow-orange, yellow-green, blue-green, blue-violet, red-violet (created by mixing both primary and secondary colors)
Our relationship with colors psychologically and collectively throughout society is what gives meaning to color. And it’s that meaning that accounts for iconic and successful branding — like red and white as the logo colors for Coca-Cola. Coca.
To get started, draw a line through the center of the wheel. When you do so, you’ll notice that there is a distinction between warm colors (reds, oranges, and yellows) and cool colors (blues, greens, and violets). Warm colors typically convey sentiments of energy, brightness, or life whereas cool colors convey sentiments of calmness, grounding, or serenity.
- Complementary color combinations are the colors that sit on opposite sides of the color wheel. Combining these colors creates an effect of high contrast, catching the eye and leaving quite an impact. Examples: red and green, yellow and purple, orange and blue.
- Analogous color combinations are every two to five colors that sit beside each other on the color wheel. These color combinations create a sensation of balance and harmony. Typically one of these colors sits in the background, while the other more dominant color sits in the foreground. Examples: yellow, yellow-green, and green; violet, red-violet, and red; red, red-orange, and orange; blue, blue-violet, and violet.
- Triadic color combinations are spaced evenly throughout the color wheel and tend to be more rich or vibrant in color. This color combination is typically dynamic, creating a harmonious visual contrast that pops when combined. Create a triangle on the color wheel and you’ll find your 3 triadic colors. Examples: red, yellow, and blue; green, orange, and blue-violet; red-orange, yellow-green, and blue-violet.
- Tetradic color combinations are made of four colors that sit equidistant from each other on the color wheel, forming a square or rectangle.Examples:Red, yellow-green, light blue, purple;magenta, green-yellow, blue-green, indigo
Understanding the universal perceptions and relationships of colors is key to being a great artist or designer. It’s worth exploring color palette generators and doing more research on the color wheel to further cement your understanding of both the art and science of color.
Pro Tip: See our beginner’s guide on color theory for a more in-depth dive into color theory.
26 beautiful color combinations that’ll inspire your next design
Here are 26 of the best color combinations to find the right colors for your next project.
1. Royal blue & peach (trending)
To start our list, we’ll go for a trendy color combination, royal blue and peach. These two colors form a triadic combination, with the royal blue creating a bold sensation, balanced perfectly with peach’s playfulness. This color combo is ideal for logo design or as accent colors for a web template or design.
Hex codes: Royal Blue #00539C, Peach #EEA47F
2. Blue & pink (classic)
Combining blue and pink creates a nice balance. Where pink often has a softer, spring-like pastel aesthetic, blue has hints of maturity — creating duality in the color combination.
Hex codes: Blue #2F3C7E, Pink #FBEAEB
3. Charcoal & yellow (classic)
Charcoal and yellow (or black and yellow) is one of the most frequently used color combinations. These two colors wonderfully complement one another because they are contrasting colors. This combination would work well for logo design or a branded product label.
Hex codes: Charcoal #101820, Yellow #FEE715
4. Red & yellow(classic)
Next on the list is the bold and vibrant color combination, red and yellow. This complementary color combo is the embodiment of cheer. Reimagine this classic ketchup and mustard color pairing with a modern, pastel take by changing the tints from red to coral.
Hex codes: Coral #F96167, Yellow #F9E795
5. Lime green & electric blue (trending)
Lime green and electric blue convey energy and youth. When combined, these two bright colors work particularly well for logos and in fashion design.
Hex codes: Lime Green #CCF381, Electric Blue #4831D4
6. Lavender & teal (trending)
Lavender and teal is the quintessential color combo for all things aesthetically pleasing. This mature yet playful combination is often used in baby products marketed to parents due in part to the clear color harmony.
Hex codes: Lavender #E2D1F9, Teal #317773
7. Cherry red & off-white (classic)
Cherry red and off-white is truly classic and versatile.This color combo gives you a fantastic duality and works well in both digital and print mediums.
Hex codes: Cherry Red #990011, Off-White #FCF6F5
8. Baby blue & white (classic)
Another classic color combo known for its duality is baby blue and white. This serene combo communicates ease and trustworthiness, invoking the feeling of looking up at the sky on a sunny morning. Baby blue and white are the perfect color combo for brand colors in the healthcare, childcare, or non-profit industries.
Hex codes: Baby Blue #8AAAE5, White #FFFFFF
9. Hot pink & cyan (trending)
Cyan can be a tricky shade of blue to pair, but the hot pink and cyan color combination really works. It’s bubblegum pop meets cyberpunk dystopia — a twist on the classic baby pink and baby blue. These bright, high contrast colors embody an excitement that is ideal for an alternative take on more playful brands. Think vape juice labels or scene/punk branding that calls for bright color palettes.
Hex codes: Hot Pink #FF69B4, Neon Blue #00FFFF
10. Peach & burnt orange (trending)
Peach and burnt orange create an analogous color combination. The balance of these two colors is perhaps their best quality — making them ideal colors for lifestyle, event, or interior design brands.
Hex codes: Peach #FCEDDA, Burnt Orange #EE4E34
11. Light blue & dark blue (classic)
While muted to some, the light blue and dark blue color combination isn’t to be overlooked. This monochrome pairing inspires professionalism and trust — making the combo great for insurance agencies or banking.
Hex codes: Light Blue #ADD8E6, Dark Blue #00008B
12. Sky blue & bubblegum pink (classic)
Next, we have a beloved classic— sky blue and bubblegum pink. The playful and bright bubblegum pink paired with a cooling and cheerful baby blue communicates a wholesome adolescent joy. This color pairing is ideal for parenting brands, childcare logos, or children’s fashion, products, or toys.
Hex codes: Sky Blue #89ABE3, Bubblegum Pink #EA738D
13. Mustard, sage, & forest green (trending)
In stark contrast to the above-mentioned cotton candy colors are the rugged and earthy mustard, sage, and forest green. These three colors come together to form the ultimate earth-tone aesthetic color palette. These colors are perfect for natural brands and suitable for logo design, web design, product design, and packaging.
Hex codes: Mustard #E3B448, Sage #CBD18F, Forest Green #3A6B35
Unleash your creativity on the web
Build completely custom, production-ready websites — or ultra-high-fidelity prototypes — without writing a line of code. Only with Webflow.
Combining colors on the color wheel: a quick overview —
The key to successful color combination is understanding how different colors interact with each other. Mastering the color wheel and color harmonies (what works, what doesn’t and how color communicates) will help you combine colors, build a better brand and knowledgeably communicate with your designers and printers.
The color wheel consists of three primary colors (red, yellow, blue), three secondary colors (colors created when primary colors are mixed: green, orange, purple) and six tertiary colors (colors made from primary and secondary colors, such as blue-green or red-violet).
Draw a line through the center of the wheel, and you’ll separate the warm colors (reds, oranges, yellows) from cool colors (blues, greens, purples).
Warm colors are associated with energy, brightness, and action, while cool colors are often identified with calm, peace, and serenity. When you recognize that color has a temperature, you can understand how using them can impact your message.
When colors work together, they create a color scheme or color combination.
Complementary colors are opposites on the color wheel. Because there’s a sharp contrast between the two colors, they can really make imagery pop, but overusing them can get tiresome.
Analogous colors sit next to one another on the color wheel. When creating an analogous color scheme, one color will dominate, one will support and another will accent.
Triadic colors are evenly spaced around the color wheel and tend to be very bright and dynamic. They create visual contrast and harmony, making each item stand out while making the overall image pop.
Using the color wheel, you can create all sorts of great color schemes. It’s all about finding the right color pairing for the right occasion.
33 beautiful color combinations for your next design —
1. Pink and raisin
Hex code: #e52165 and #0d1137
The high contrast between these two colors creates a bold, dynamic energy. The choice of bright pink evokes fun and youthfulness with a touch of femininity.
2. Red, sea-foam, jade and violet
Hex code: #d72631, #a2d5c6, #077b8a and #5c3c92
This triadic-based combination presents muted, floral colors that bring to mind peace and renewal with a vintage flair.
3. Yellow, magenta, cyan and black
Hex code: #e2d810, #d9138a, #12a4d9 and #322e2f
Nearly every print project is based on these four ink colors. Together, they can make up any color imaginable. Separately, they create a color scheme that’s bright, contemporary, and full of life.
Have a question?Ask our team.
4. Mustard and black
Hex code: #f3ca20 and #000000
Yellow and black combine to create a feeling that’s masculine, modern, yet approachable. This combination also has the cultural connotation of meaning “danger” or “warning.”
5. Magenta, goldenrod, turquoise and brick
Hex code: #cf1578, #e8d21d, #039fbe and #b20238
This multi-colored combination packs a lot of personality into one palette. As the most prominent color, yellow indicates friendliness and accessibility, while the accent colors add a tone of playfulness and maturity.
6. Shades of pink and brown
Hex code: #e75874, #be1558, #fbcbc9 and #322514
Pink is modern, youthful and luxurious, and using different shades together adds even more motion and depth to the design. Combining pink with dark brown adds an important level of contrast and seriousness.
7. Gold, charcoal and grey
Hex code: #ef9d10f, #3b4d61 and #6b7b8c
A perfect combination of sunshine and seriousness. The gold evokes nature and cheerfulness, which combines perfectly with two different shades of black and grey that add a layer of maturity.
8. Navy, almond, red-orange and mango
Hex code: #1e3d59, #f5f0e1, #ff6e40, #ffc13b
Against the neutral almond, this color scheme of navy paired with fiery accents conveys trustworthiness and an energetic punch.
9. Tan, deep turquoise and black
Hex code: #ecc19c, #1e847f, #000000
On a natural, masculine tan base, this combination brings turquoise to the forefront to showcase its versatility as a color that evokes nature and rebirth.
10. Navy, ochre, burnt sienna and light grey
Hex code: #26495c, #c4a35a, #c66b3d, #e5e5dc
Neutral backgrounds help the natural colors of this earth-tone scheme spring off of their packaging.
11. Mauve, sapphire and powder blue
Hex code: #d9a5b3, #1868ae, #c6d7eb
Together, the rich mauve and delicate powder blue of this color combination scream femininity. The vibrant sapphire adds a second layer of contemporary chic.
12. Blue, maroon and indigo
Hex code: #408ec6, #7a2048, #1e2761
As this color scheme’s central color, blue conveys trust and accountability. As the gradient moves towards indigo and maroon, we experience cutting-edge passion.
13. Raspberry and shades of blue
Hex code: #8a307f, #79a7d3, #6883bc
Similar to the palette above, trusted blue forms the foundation of this combination, while the pinkish-purple addition of raspberry adds luxurious femininity.
14. Deep pine green, orange and light peach
Hex code: #1d3c45, #d2601a, #fff1e1
As one of the least used brand colors, orange truly stands out in a crowd. This color invigorates and enlivens. Light peach adds a little youth and the deep pine green accents offer some warmth and natural comfort.
15. Sea-foam, salmon and navy
Hex code: #aed6dc, #ff9a8d, #4a536b
The perfect beachy palette. This pastel combination of sea-foam, salmon and navy showcases everyone’s favorite coastal colors and evokes the peacefulness and warmth that comes from a day at the ocean.
Have a question?Ask our team.
16. Rouge, green and magenta
Hex code: #da68a0, #77c593, #ed3572
Vibrant femininity, rich luxury and an accent of bold life. This brilliant combination packs a lot into just three simple colors and livens up any simple black and white design.
17. Teal, coral, turquoise and grey
Hex code: #316879, #f47a60, #7fe7dc, #ced7d8
This complimentary combination blends the peacefulness of blue-greens with little pops of coral passion. An elegant grey rounds out the palette.
18. Fuchsia, sepia, hot pink and dark violet
Hex code: #d902ee, #ffd79d, #f162ff, #320d3e
Brilliant warmth brings a golden hour sunset to life in this stunning combination. Three shades of different pinks and violets evoke luxury, while the sepia accent adds vintage friendliness.
19. Light pink, sage, sky blue and grape
Hex code: #ffcce7, #daf2dc, #81b7d2, #4d5198
Another beautiful tropical palette: these four colors bring to mind the best of beach life. Their pastel shades keep their personality young, modern, and lighthearted.
20. Beige, black-brown and tan
Hex code: #ddc3a5, #201e20, #e0a96d
Three shades in the brown color family combine into a vintage-inspired palette that is both classic and serious, as well as warm and welcoming.
21. Sepia, teal, beige and sage
Hex code: #edca82, #097770, #e0cdbe, #a9c0a6
Perfect for a food product or restaurant, this organic color scheme combines four pastel earth tones to highlight nature and the environment.
22. Yellow-green, olive and forest green
Hex code: #e1dd72, #a8c66c, #1b6535
These three shades of green are the perfect palette for this mint and lime beverage. Together, they combine into a brilliant blend of excitement and youthfulness.
23. Fuchsia, yellow and magenta
Hex code: d13ca4, #ffea04, #fe3a9e
Modern: check. Young: check. Bold: check, check, check. This dynamic color combination doesn’t have to work hard to make an instant first impression.
24. Mustard, sage, and forest green
Hex code: #e3b448, #cbd18f, #3a6b35
These three rugged tones hint at wood, trees and leaves—the same natural colors in the product itself.
25. Beige, slate and khaki
Hex code: #f6ead4, #a2a595, #b4a284
Two complimentary shades of brown lean masculine. An accent of khaki-grey adds a touch of elegance and maturity.
26. Turquoise and violet
Hex code: #79cbb8, #500472
Cool tones don’t have to mean subdued tones. This turquoise and violet pairing offers a high-contrast pop of excitement.
27. Light pink, green and sea-foam
Hex code: #f5beb4, #9bc472, #cbf6db
A triad of soft shades: this combination blends natural greens and blues with a feminine, pink accent for a feeling of serenity, warmth, and luxury.
28. Scarlet, light olive and light teal
Hex code: #b85042, #e7e8d1, #a7beae
An extremely subdued take on the primary colors, this combination adds a lot of grey to keep the palette’s personality feeling serious and mysterious.
29. Red, yellow, cyan and bright purple
Hex code: #d71b3b, #e8d71e, #16acea, #4203c9
This palette is a party! With kid-friendly primary colors, you’ve got a combination that is full of joy, youth, and optimism.
30. Olive, beige and tan
Hex code: #829079, #ede6b9, #b9925e
A beautiful pairing of brown offers up serious professionalism. The olive offers a hint of nature. Together, this is a color scheme that conveys grounded maturity.
31. Shades of blue and green
Hex code: #1fbfb8, #05716c, #1978a5, #031163
Filled with vibrant, natural colors, this cool-toned combination still manages to capture a feeling of movement and life due to its high contrast.
32. Turquoise, mustard and black
Hex code: #7fc3c0, #cfb845, #141414
This classic pairing of both a cool and warm tone evokes calmness and cheerfulness. The black adds a bold, contemporary accent.
33. Peach, salmon and teal
Hex code: #efb5a3, #f57e7e, #315f72
Salmon and peach are two shades that complement each other perfectly. The teal accent provides a second layer of depth.
Build your brand with flying color combinations —
From color theory to classic combinations, we’ve taken a look at great color schemes from across the spectrum. Be it sleek and simple or edgy and eclectic, the right color palette will support your brand in every way, elevating it to become recognizable and iconic.
Go ahead, chase some rainbows.
