Blue color palettes
Sky, denim, cobalt and midnight: blue palettes for every mood. 109 palettes, each with HEX codes.
- Harbour Morning
- Salt Morning
- Deep Library
- Capital Advisory
- Synthwave and Boombox
- Snowdrift Hush
- Sensor Node
- Vector Grid
- Puddle Box
- Block Rally
- Aerial Sail
- Summit Annual
- Nocturnal Tide
- Summit and Harbour
- Hoar Morning
- Cloud Cuddle
- Summit Briefing
- Boardwalk and Lighthouse
- Flurry and Alpine
- Cloud and Mist
- Shell and Sailcloth
- Drizzle Light
- Vector and Kernel
- Balloon Circus
- Anchor Advisory
- Cumulus Flight
- Signal and Vector
- Seaglass Pier
- Balloon Playground
- Clay Workshop
- Anchor and Capital
- Circuit Dashboard
- Trust Briefing
- Crayon Castle
- Fern Thicket
- Anchor Swell
- Cloud Blue
- Pearl and Lagoon
- Quiet Sky
- Dune Afternoon
- Binary Runtime
- Whiteboard Template
- Nocturnal Study
- Trust and Capital
- Lunar Terminal
- Cumulus Drift
- Packet Interface
- Lullaby Tea Party
Most common colors in blue color palettes
Sky, denim, cobalt and midnight: blue palettes for every mood. Across all 109 blue palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Rich Black#0D1B2Ain 31 palettes
- Lavender#E6E6FAin 26 palettes
- Oxford Blue#1B263Bin 21 palettes
- Anti-Flash White#EDF2F4in 15 palettes
- YInMn Blue#415A77in 15 palettes
- Cultured#F8F9FAin 11 palettes
- Marine Blue#01386Ain 10 palettes
- Prussian Blue#1D3557in 10 palettes
- Carolina Blue#8AB8FEin 9 palettes
- Dark Grey Blue#29465Bin 9 palettes
- Rich Navy#001219in 9 palettes
- Chefchaouen Blue#4895EFin 8 palettes
Blue color palette hex codes
| Palette | Hex codes |
|---|---|
| Harbour Morning | #0F2A3D #285E7A #6FA3B8 #BFDCE3 #F1F6F4 |
| Salt Morning | #010D23 #12456F #3FA7C2 #E8D9B5 |
| Deep Library | #011838 #00364B #00555E #98F8E9 |
| Capital Advisory | #0B1F3A #163A66 #6B7A8F #8FB4E8 #DCE7F5 |
| Synthwave and Boombox | #1B0B3A #4361EE #FF6FB5 #FFE66D |
| Snowdrift Hush | #22364F #4A6A8A #8FB0C7 #F7FAFC |
| Sensor Node | #0B1020 #1E2A4D #2D5BFF #4DA3FF #00D1FF #E6EDFF |
| Vector Grid | #00233E #005493 #3386DC #8EC0FF #F5F9FF |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a blue color palette
- Let blue lead, covering about 60% of the design, and keep the rest for neutrals and one accent (the 60-30-10 rule).
- Use a light tint of blue for backgrounds and a deep shade for text, so the palette stays readable.
- For contrast, add a small accent from the opposite side of the color wheel: see complementary colors.
- Check every text and background pair in the contrast checker before you ship.
More about blue
- Blue color: hex code, shades and the colors that go with it.
- What colors make blue: how to mix it with paint.
- Blue gradients and the color wheel.
Frequently asked questions
What colors are in a blue color palette?
The colors used most across these blue palettes are Rich Black, Lavender, Oxford Blue, Anti-Flash White, YInMn Blue and Cultured. Sky, denim, cobalt and midnight: blue palettes for every mood.
How many blue color palettes are there?
There are 109 curated blue palettes on this page, each with hex codes and free exports.
Can I edit a blue palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.