Software & Apps Design Learn the Specific Traits of Medium to Dark Blue Color Palettes by Jacci Howard Bear Writer A graphic designer, writer, and artist who writes about and teaches print and web design. our editorial process Jacci Howard Bear Updated on December 09, 2019 Design Graphic Design Photoshop Animation & Video 3D Design Tweet Share Email Blue is one of the most common colors used in web design. Using a medium to dark blue encourages a relaxing feel that can be complemented with yellow and orange. Lifewire / Marina LI Here are a few different ways Blue can work with other colors. 01 of 04 Opposites Attract and Blue Goes Well With Orange Lifewire / J. Bear Consider combining blue colors with orange in a complementary color scheme. From darkest to lightest, the oranges shown with each blue swatch in the above image are: Hex #FFA500 | RGB 255,165,0 (a golden orange; SVG color keyword & CSS color keyword orange)Hex #FF8000 | RGB 255,128,0 (medium orange)Hex #FF4500 | RGB 255,69,0 (orange red; SVG color keyword orangered)Hex #C83200 | RGB 200,50,0 (a dark orange)Numbers: Hex #FF7F27 | RGB 255,127,39 (a peachy orange) The blues, from darker to lighter are: Navy: Hex #000080 | RGB 0,0,128 (CSS color keyword/SVG color keyword navy)Blue: Hex #0000FF | RGB 0,0,255 (CSS/SVG color keyword is blue; browser safe color)Hex: #0045FF | RGB 0,69,255 (a medium blue)Steel Blue: Hex #4682B4 | RGB 70,130,180 (SVG color keyword steelblue; a corporate blue)Hex: #0080FF | RGB 0,128,255 (a medium blue)Light Blue: Hex #ADD8E6 | RGB 173,216,230 (SVG color keyword lightblue) Dark blues and medium shades of blue symbolize importance, confidence, power, intelligence, stability, unity, and conservatism. By adding some orange to your predominantly dark blue palette you introduce some warmth and energy that can keep your palette from being too stilted or overpowering. You don't have to use these exact shades. Go a touch lighter or darker, or step one spot to the left or the right on the color wheel. These color combinations are just to help you find a suitable color palette using blue and orange as the main components. 02 of 04 Mix Deep Blues With Golden Yellow Lifewire / J. Bear Take dark blues to almost purple and add a splash of sunshine yellow in a complementary color scheme. Blue is a cool color moving to warm as you add the purplish tones while yellow is a warm color on the other side of the color wheel. To avoid unpleasant vibrations, avoid using in equal amounts. Enliven your blue with a splash of yellow (or calm your yellow with a dash of blue). From darkest to lightest, the yellow shown with each blue swatch in the above image are: Cadium Yellow: Hex #FF9912 | RGB 255,153,18 (a warm, brownish yellow)Gold: Hex #FFD700 | RGB 255,215,0 (SVG color keyword gold)Numbers: Hex #FFFF00 | RGB 255,255,0 (SVG/CSS color keyword yellow) The blues are: Very Dark Blue: Hex #000033 | RGB 0,0,51 (a browser safe dark blue)Midnight Blue: Hex #191970 | RGB 25,25,112 (SVG color keyword midnightblue)Dark Slate Blue: Hex #483D8B RGB 72,61,139 (SVG color keyword darkslateblue; a grayish-purple blue)Indigo: Hex #4B0082 | RGB 75,0,130 (SVG color keyword indigo; a purplish blue)Blue Violet: Hex #8A2BE2 | RGB 138,43,226 (SVG color keyword blueviolet)Cobalt Blue: Hex #3D59AB | RGB 61,89,171 Colors that push to the violet-purple side of blue can add a touch of mystery, hints of femininity. It adds warmth to the cool blue. 03 of 04 Shades of Cyan With Dark Orange Lifewire / J. Bear Medium to dark cyan is blue on the verge of green. Here various shades of medium blue and cyan are teamed with dark brownish orange colors. In addition to the calming attributes of cool blue, this darker shade of blue may also carry some of the symbolism of green such as balance, harmony, and stability. It gets a little warmth and energy when paired with brownish or reddish shades of orange. Brown is a natural, down-to-earth neutral color. Red and cyan are opposites on the color wheel with high contrast, but they aren't necessarily a great combination. Moving from red to orange and to darker blues provide a more pleasing palette. From darkest to lightest, the red-orange shown with each blue swatch in the above image are: Deep Orange Red: Hex #CD3700 | RGB 205,55,0Cadmium Orange: Hex #FF6103 | RGB 255,97,3Numbers: Red Hex #FF0000 | RGB 255,0,0 (SVG/CSS color keyword red) The blues are: Dark Royal Blue: Hex #27408B | RGB 39,64,139Deep Sky Blue: Hex #00688B | RGB 0,104,139 (not color keyword deepskyblue)Dark Slate Blue: Hex #2F4F4F RGB 47,79,79 (not color keyword darkslateblue)Dark Cyan: Hex #008B8B | RGB 0,139,139 (the greener side of blue)Manganese Blue: Hex #03A89E | RGB 3,168,158 (a blue turquoise color)Cyan (Aqua): Hex #00FFFF | RGB 0,255,255 (SVG color keyword cyan or aqua; a blue-green color) 04 of 04 Blue, Red, and Yellow Lifewire / J. Bear A split complementary triad takes one color (in this case blue) and then grabs the colors on either side of that color's complement (opposite color on the color wheel). The complement of pure blue is pure yellow. Medium blue is opposite orange. Depending on what shade of blue you start with and how many intermediate colors you go through, you can match it up with colors from pinkish-red to yellow-green. Navy: Hex #000080 | RGB 0,0,128Bright Red: Hex #FE0004 | RGB 254,0,4Sunny Yellow: Hex #FFFB00 | RGB 255,251,0Dark Slate Blue: Hex #483D8B RGB 72,61,139 (SVG color keyword dark slate blue; a grayish-purple blue)Gold: Hex #FFD700 | RGB 255,215,0 (SVG color keyword gold)Chartreuse: Hex #7FFF00 | RGB 127,255,0Dark Cyan: Hex #008B8B | RGB 0,139,139 (the greener side of blue)Violet-Red: Hex #D02090 | RGB 208,32,144Dark Orange: Hex #C83200 | RGB 200,50,0 (not color keyword dark orange) Darker shades of blue denote importance, confidence, power, authority, intelligence, stability, unity, and conservatism. Red is another power color but it grabs attention more than blue. Yellow adds some brightness and joy. Using equal amounts of each color would make it a more childlike (think primary colors) much like example #1 but if only small doses of the red and yellow (or nearby colors) are used with a mostly dark blue color scheme, it's quite suitable for adult projects that you don't want to appear too serious.