Muted Quiet Studio
452Muted Quiet Studio color palette using #e9e2ee, #c0cec5, #7d8ab5, #647e79, #415563.
By Color
Blue Color Palettes
Blue is the most-used brand colour on the web, so these palettes focus on making it distinctive again. Its main colours include bubblegum (#f2bbd9), lilac (#b7a2f2), lilac (#c691ea), amethyst (#a550e5), emerald (#23c07a), built as an analogous set around 215° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Blue color palette hex codes
Main blue colours with named swatches, HEX and RGB. Derived from this tag's hue (215°), saturation (68%) and analogous scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Bubblegum swatch | Bubblegum | #f2bbd9 | rgb(242, 187, 217) | |
| Lilac swatch | Lilac | #b7a2f2 | rgb(183, 162, 242) | |
| Lilac swatch | Lilac | #c691ea | rgb(198, 145, 234) | |
| Amethyst swatch | Amethyst | #a550e5 | rgb(165, 80, 229) | |
| Emerald swatch | Emerald | #23c07a | rgb(35, 192, 122) | |
| Midnight Blue swatch | Midnight Blue | #261ea1 | rgb(38, 30, 161) | |
| Pine swatch | Pine | #157579 | rgb(21, 117, 121) | |
| Midnight Blue swatch | Midnight Blue | #153267 | rgb(21, 50, 103) |
Blue color palettes
Nordic Sunlit Archive
428Nordic Sunlit Archive color palette using #f3f5f7, #d5dee6, #8eadc3, #5d8eb1, #406f96.
Website Still Drift
420Website Still Drift color palette using #e8effa, #e8dcc2, #4871cc, #7d551a, #232a3e.
Summer Faded Orchard
415Summer Faded Orchard color palette using #e1d7f7, #aaf3c0, #5a7fea, #4cb59a, #267ba2.
Ocean Sunlit Harbour
412Ocean Sunlit Harbour color palette using #d8ccf7, #afe2bd, #3669de, #2e7963, #22414f.
Black Frosted Signal
401Black Frosted Signal color palette using #8185a7, #606993, #393e5e, #1e2136, #0d0f19.
High Contrast Muted Drift
399High Contrast Muted Drift color palette using #e6edf8, #fadfab, #1653e5, #765409, #0e1529.
Aqua Soft Prairie
397Aqua Soft Prairie color palette using #d5d3fc, #96f99b, #3385e5, #00ffff, #158a50.
Website Frosted Morning
396Website Frosted Morning color palette using #eef2fb, #e9d8ba, #6182bf, #554b33, #212838.
Dark Still Ember
392Dark Still Ember color palette using #7c7fc3, #5060bc, #2d2f8b, #141a4b, #0a0e2e.
Data Visualization Smoked Harbour
390Data Visualization Smoked Harbour color palette using #cdc9e6, #a7f199, #da8051, #80418c, #2f5975.
Moon Faded Orchard
385Moon Faded Orchard color palette using #eaecf1, #cacfdf, #8898bd, #47588f, #2b375f.
Professional Faded Archive
385Professional Faded Archive color palette using #e9eef3, #b2c6da, #5e88be, #294f79, #11243d.
Winter Wild Archive
380Winter Wild Archive color palette using #f0f2f4, #d1c8bd, #6e8aa4, #5d5044, #1a324e.
Dreamy Sunlit Signal
380Dreamy Sunlit Signal color palette using #f5ebee, #d3d9e6, #dfb8da, #9e98c0, #ab74c0.
Summer Deep Studio
378Summer Deep Studio color palette using #dad5ed, #bae9c7, #8c98ca, #4cb394, #327a9a.
Muted Antique Harbour
374Muted Antique Harbour color palette using #d8cfe8, #b2c6b9, #6f7fb6, #4b9486, #4e5d66.
Presentation Velvet Terrace
374Presentation Velvet Terrace color palette using #e5eaef, #d9cabd, #6695c8, #734c29, #18304e.
Gray Electric Signal
372Gray Electric Signal color palette using #dcdfe6, #c1c9d5, #6f84a3, #424f6e, #2a354a.
Lavender Golden Alcove
369Lavender Golden Alcove color palette using #e6e6fa, #edd3ed, #b7e0e2, #955fc3, #29608a.
Dreamy Dusty Meadow
369Dreamy Dusty Meadow color palette using #f8e7ec, #d8dee8, #d9bad2, #857cc9, #a27bb1.
Amber Dusty Morning
366Amber Dusty Morning color palette using #f9efce, #9db6f9, #e5b536, #ffbf00, #102c92.
Summer Faded Atlas
364Summer Faded Atlas color palette using #ded9f1, #b7efc8, #6484e2, #46c5ab, #2e7c9b.
Masculine Muted Ember
362Masculine Muted Ember color palette using #afbdcf, #87a1c0, #48739e, #284465, #152c40.
About blue color palettes
Blue is the most-used brand colour on the web, so these palettes focus on making it distinctive again. This page collects 1183 blue color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most blue schemes anchor somewhere around steel blue (#3a7cd9), a cool hue sitting near 215 degrees on the color wheel at roughly 68% saturation. The palettes below span a lightness range of about 60 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
When you build with blue, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Blue color palette FAQ
What colors are in a blue color palette?
A typical blue palette combines bubblegum (#f2bbd9), lilac (#b7a2f2), lilac (#c691ea) and supporting tones. Blue is the most-used brand colour on the web, so these palettes focus on making it distinctive again.
What are the hex codes for blue?
Blue is a colour family rather than a single value. The main hex codes on this page are #f2bbd9, #b7a2f2, #c691ea, #a550e5, #23c07a, #261ea1, #157579, #153267, centred near #3a7cd9. Copy any value from the table above.
How do I use a blue color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these blue palettes free to use?
Yes. All 1183 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "blue" into the AI color palette generator to build a fresh scheme in the same range.