Shades of Blue: 100+ Blue Color Names with HEX & RGB Codes
Stop calling everything “Dark Blue.” Seriously. Whether you’re designing a corporate identity, a beachy travel app, or a moody editorial layout, the difference between Navy and Prussian Blue can make or break your design. Blue is the world’s most popular color and the most misused. In this guide, we’ve mapped out 100+ shades of blue with HEX and RGB codes, organized into designer-friendly categories.
Love warm tones too? Check out our complete guide to Shades of Red with 100+ red color names and HEX codes.
Colors don’t just fill space; they influence moods and trigger emotions. Blue in particular is one of the most psychologically complex hues it can feel trustworthy, melancholic, energetic, or serene depending on the exact shade. Before you dive in, check out our guide to knowing your color preferences to see what your favorite hue says about you.
Think of this as your personal Color Thesaurus for blue from the softest powder blues to the deepest midnight hues, with precise HEX and RGB codes for every single shade.
The Power Behind Different Shades of Blue
Blue is the single most universally preferred color across cultures and genders. It’s the color of the sky and ocean two things human beings look to for calm and perspective. In branding, blue communicates trust, reliability, and professionalism think Facebook, Samsung, Ford, and PayPal.
But blue’s range is staggering. Navy Blue says “authority.” Baby Blue says “gentle.” Electric Blue screams “energy.” Using the wrong shade can turn a luxury brand into a hospital waiting room. That’s exactly why precise HEX and RGB codes matter.
Blue also holds a unique place in color psychology it’s the only hue that simultaneously evokes feelings of calm AND confidence, making it the designer’s most versatile weapon.
Must Reads on CGfrog:
- If you’re a Designer – Say No To Free Design
- 7 Colors That Could Get You Sued If You Use Them in Branding
- 15 Best Color Combinations for Logo Design (With HEX Codes)
- Quiz: Can You Match the Colors to the Brand?
How to Level Up Your Blue Palettes with AI
Picking the right blue combinations manually can be overwhelming with so many beautiful hues. If you want to see these shades in action without the guesswork, use AI-powered palette tools like Khroma or Coolors they learn your aesthetic and generate professional palettes using the exact hex codes from this list. Check our full roundup of AI tools for graphic designers for more options.
1. Most Popular Shades of Blue
The blues every designer should know by name. These are the workhorses of the blue family widely recognized, professionally safe, and endlessly versatile.
HEX & RGB Codes – Most Popular Blues
Pure Blue #0000FF Navy Blue #000080 Neon Blue #1F51FF Royal Blue #4169E1 Cornflower Blue #6495ED
Deep Sky Blue #00BFFF Sky Blue #87CEEB Light Blue #ADD8E6 Dodger Blue #1E90FF Cobalt Blue #0047AB
2. Deep and Dark Shades of Blue
These blues carry authority, elegance, and depth. Perfect for luxury branding, formal typography, and night-mode interfaces.
HEX & RGB Codes – Deep and Dark Shades of Blue
Midnight Blue #191970 Prussian Blue #003153 Oxford Blue #002244 Dark Blue #00008B Space Blue #0D1B2A
Regal Blue #0C1B33 Sapphire Dark #0A1045 Deep Indigo #17255A Admiral Blue #1C2951 Duke Blue #003399
3. Bright and Vibrant Shades of Blue
High energy blues that demand attention. Ideal for CTAs, youth focused brands, tech products, and social media graphics.
HEX & RGB Codes – Bright and Vibrant Blues
Azure Blue #0080FF Sapphire #0F52BA Brilliant Blue #007FFF Denim Blue #1560BD Bright Blue #4D94FF
Vivid Blue #0096FF Material Blue #2196F3 Bleu de France #318CE7 Ocean Blue #2874A6 Twitter Blue #1DA1F2
4. Sky and Pastel Blues
Gentle, airy blues for healthcare, wellness, baby brands, editorial design, and anything that needs to feel calm and approachable.
HEX & RGB Codes – Sky and Pastel Blues
Powder Blue #B0E0E6 Baby Blue #BFEFFF Light Sky Blue #87CEFA Ice Blue #E0F2FE Pale Blue #C5E8F7
Pastel Blue #AED6F1 Alice Blue #F0F8FF Mist Blue #A2C4D0 Soft Blue #CADEEF Morning Blue #99C5C4
5. Ocean and Teal Shades of Blue
Where blue meets green. These aquatic hues are among the trendiest in modern design great for travel brands, tech startups, and anything coastal or environmental.
HEX & RGB Codes – Ocean and Teal Shades of Blue
Teal #008080 Dark Turquoise #00CED1 Turquoise #40E0D0 Pacific Blue #00B4D8 Sea Blue #0077B6
Aqua Blue #48CAE4 Lagoon Blue #90E0EF Cerulean Teal #0097A7 Ocean Dark #006994 Cyan/Aqua #00FFFF
6. Electric, Neon & Periwinkle Blues
Bold, futuristic, and impossible to ignore. These blues work beautifully for gaming, nightlife, cyberpunk aesthetics, and high impact digital design.
HEX & RGB Codes – Electric, Neon & Periwinkle Blues
Electric Cyan #00F5FF Neon Aqua #0DFFFF Periwinkle #CCCCFF Soft Periwinkle #7B9BF2 Electric Blue #00B3FF
Laser Blue #0FF0FC Electric Sky #7DF9FF Indigo #4B0082 Blue Violet #8A2BE2 Discord Blue #5865F2
7. Metallic and Shimmering Blues
Premium, high end blues with a metallic or lustrous quality. Use for luxury packaging, jewellery branding, automotive design, and premium digital products.
HEX & RGB Codes – Metallic and Shimmering Blues
Steel Blue #4682B4 Cadet Blue #5F9EA0 Slate Blue #6A5ACD Light Steel Blue #B0C4DE Sapphire Steel #2F6DB5
Navy Shimmer #1C3F6E Royal Gloss #4169E1 Gunmetal Blue #7B8FA1 Dark Blue Grey #536878 Blue Silk #6699CC
8. Vintage and Retro Blue Tones
Muted, nostalgic blues that feel like old photographs, denim, and faded maps. Perfect for retro branding, editorial design, and vintage aesthetics.
HEX & RGB Codes – Vintage and Retro Blues
Faded Blue #7BAFD4 Dusty Blue #6B8E9F Vintage Denim #4F7EA7 Retro Blue #5B85AA Muted Cyan #7093A6
Pale Slate #A4B8C4 Old Blue #4E7FA6 Classic Blue #3B6FA0 Aero Blue #7CB9E8 Prussian Faded #2E5984
9. Rare and Exotic Shades of Blue
These are the blues most designers have never heard of but should. Sourced from art history, nature, and global color traditions.
HEX & RGB Codes – Rare and Exotic Blues
Cerulean Blue #2A52BE Egyptian Blue #1034A6 Lapis Lazuli #00416A Cerulean #0093AF Han Blue #246BCE
Liberty Blue #5072A7 Cyan Cobalt #28589C Cerulean Frost #007BA7 Picton Blue #3385C6 Maya Blue #45B3E7
10. Final Master Blue Palette
The complete supplementary list rounding out your blue toolkit with utility shades, brand blues, and designer favorites.
HEX & RGB Codes for Rare Shades of Blue
Deep Navy #001F5B Egyptian Blue #003DA5 Cobalt Blue #0047AB Smart Blue #0066CC Bright Marine #1A6FC4 Dodger Blue #2196F3 Turquoise Surf #00B4D8 Turquoise #40E0D0 Sky Blue #87CEEB Frosted Blue #B0E0E6 Frosted Blue (Light) #BFEFFF Alice Blue #E0F2FE
Free Download: Get all 100+ shades of blue as a printable PDF color chart – perfect for your design desk.Download Free Blue Color Chart PDF
FAQ
The human eye can perceive millions of color variations, and blue has one of the widest visible spectrums. Our guide covers 100+ of the most essential shades used in modern design, art, branding, and digital media from the deepest Navy to the palest Baby Blue.
It depends on the context. Royal Blue (#4169E1) and Cobalt Blue (#0047AB) are top choices for corporate and brand design. Sky Blue (#87CEEB) and Baby Blue (#BFEFFF) dominate in lifestyle and wellness. For luxury, Navy (#000080) is timeless.
The pure digital blue is #0000FF (RGB: 0, 0, 255). However, professional designers rarely use pure blue they work with specific shades like Cobalt, Royal, or Cerulean to add personality and depth to their work.
Navy Blue (#000080) is a classic dark blue used traditionally in uniforms and formal contexts. Midnight Blue (#191970) is slightly lighter and more purple toned it has a more atmospheric, mysterious quality. In design, Navy reads as “authority” while Midnight feels more “cinematic.”
Blue is associated with sky and water two constants in human existence. Psychologically, it evokes calm, trust, and depth without the aggression of red or the passivity of grey. It’s also the safest color in branding: cross culturally, blue has almost no negative associations, which is why it dominates tech, finance, and healthcare industries.
For primary CTAs: Dodger Blue (#1E90FF) or Material Blue (#2196F3). For trust focused UI: Cobalt Blue (#0047AB) or Royal Blue (#4169E1). For backgrounds: Alice Blue (#F0F8FF) or Ice Blue (#E0F2FE). Dark mode interfaces look stunning with Midnight Blue (#191970) or Oxford Blue (#002244).
Don't Miss
Color Psychology in Film: How Directors Use Color to Tell Stories
It’s Bubblegum, Not ‘Light Pink’: The Ultimate Color Thesaurus for Every Imagineable Shade
15 Best Color Combinations for Logo Design (With HEX Codes & Examples)
300+ Trending Color Gradients For Your Design Projects
7 Colors That Could Get You Sued If You Use Them in Branding
