Aqeeb Studio

Color style

Cool Colors: Names, HEX Codes & Shades

Cool colors are the teals, cyans, blues and blue-violets on the opposite side of the wheel from reds and oranges. Here a color is cool when its hue is between 160° and 270° and it has at least 10% HSL saturation. Greens and purples fall in between and are not counted as cool.

Cool colors tend to recede behind warm ones, which makes them good backgrounds and calm interface colors. Many are dark enough for white text, while pale tints such as sky blue need black text.

Cool colors at a glance

148cool colors in the library
50%average HSL lightness
77%average HSL saturation
53%reach 4.5:1 contrast with white text
48%reach 4.5:1 contrast with black text
Extremes among cool colors
ExtremeColorHEXHSL
Lightest Light Cyan #E0FFFFhsl(180, 100%, 94%)
Darkest Midnight #03012Dhsl(243, 96%, 9%)
Most saturated Vivid Blue #152EFFhsl(234, 100%, 54%)
Least saturated Slate #516572hsl(204, 17%, 38%)
Navy#000080 Teal#008080 Dark Blue#00008B Blue#0000FF Cyan#00FFFF Turquoise#40E0D0 Royal Blue#4169E1 Sky Blue#87CEEB Light Blue#ADD8E6 Lilac#CEA2FD Dark Slate Gray#2F4F4F Dark Cyan#008B8B

Using cool colors

  • Backgrounds, headers and primary interface colors.
  • Technology, finance, health and water-related themes.
  • Charts, as the calm base color, with a warm color for what needs attention.
  • Dark mode surfaces in blue-gray.

A palette made only of cool colors can feel cold or flat. One warm accent, such as orange, coral or yellow, adds focus and contrast.

Neighboring blues and blue-violets can look alike. Vary their lightness, not only their hue.

All 148 cool colors

Aqua Blue#02D8E9 Azul#1D5DEC Baby Blue#A2CFFE Blue#0000FF Blue Gray#607C8E Blue Green#137E6D Blue Purple#5729CE Blueberry#464196 Bright Aqua#0BF9EA Bright Blue#0165FC Bright Cyan#41FDFE Bright Sky Blue#02CCFE Bright Teal#01F9C6 Bright Turquoise#0FFEF9 Cadet Blue#5F9EA0 Carolina Blue#8AB8FE Cerulean#0485D1 Cerulean Blue#056EEE Cloudy Blue#ACC2D9 Cobalt#1E488F Cobalt Blue#030AA7 Cornflower#6A79F7 Cornflower Blue#6495ED Cyan#00FFFF Dark Aqua#05696B Dark Blue#00008B Dark Blue Gray#1F3B4D Dark Blue Green#005249 Dark Cyan#008B8B Dark Gray Blue#29465B Dark Green Blue#1F6357 Dark Indigo#1F0954 Dark Navy#000435 Dark Periwinkle#665FD1 Dark Royal Blue#02066F Dark Sky Blue#448EE4 Dark Slate Blue#483D8B Dark Slate Gray#2F4F4F Dark Teal#014D4E Dark Turquoise#00CED1 Deep Aqua#08787F Deep Blue#040273 Deep Sea Blue#015482 Deep Sky Blue#00BFFF Deep Teal#00555A Deep Turquoise#017374 Denim#3B638C Denim Blue#3B5B92 Dodger Blue#1E90FF Duck Egg Blue#C3FBF4 Dull Blue#49759C Dusk#4E5481 Dusk Blue#26538D Dusky Blue#475F94 Dusty Blue#5A86AD Dusty Teal#4C9085 Electric Blue#0652FF Faded Blue#658CBB Flat Blue#3C73A8 French Blue#436BAD Gray Blue#6B8BA4 Gray Teal#5E9B8A Green Blue#06B48B Ice#D6FFFA Ice Blue#D7FFFE Indigo Blue#3A18B1 Iris#6258C4 Lavender Blue#8B88F8 Light Aqua#8CFFDB Light Blue#ADD8E6 Light Blue Gray#B7C9E2 Light Cyan#E0FFFF Light Gray Blue#9DBCD4 Light Lavender#DFC5FE Light Navy#155084 Light Navy Blue#2E5A88 Light Periwinkle#C1C6FC Light Royal Blue#3A2EFE Light Sea Green#20B2AA Light Sky Blue#87CEFA Light Steel Blue#B0C4DE Light Violet#D6B4FC Lighter Purple#A55AF4 Lilac#CEA2FD Marine#042E60 Marine Blue#01386A Medium Blue#0000CD Medium Purple#9370DB Medium Slate Blue#7B68EE Medium Turquoise#48D1CC Metallic Blue#4F738E Mid Blue#276AB3 Midnight#03012D Midnight Blue#191970 Muted Blue#3B719F Navy#000080 Navy Blue#001146 Neon Blue#04D9FF Night Blue#040348 Ocean#017B92 Ocean Blue#03719C Pale Aqua#B8FFEB Pale Blue#D0FEFE Pale Cyan#B7FFFA Pale Lilac#E4CBFF Pale Sky Blue#BDF6FE Pale Turquoise#AFEEEE Pale Violet#CEAEFA Pastel Blue#A2BFFE Pastel Purple#CAA0FF Peacock Blue#016795 Periwinkle#8E82FE Periwinkle Blue#8F99FB Petrol#005F6A Powder Blue#B0E0E6 Prussian Blue#004577 Pure Blue#0203E2 Purple Blue#632DE9 Rich Blue#021BF9 Royal#0C1793 Royal Blue#4169E1 Sapphire#2138AB Sea#3C9992 Sea Blue#047495 Seafoam Blue#78D1B6 Sky#82CAFC Sky Blue#87CEEB Slate#516572 Slate Blue#6A5ACD Soft Blue#6488EA Steel Blue#4682B4 Stormy Blue#507B9C Strong Blue#0C06F7 Teal#008080 Teal Blue#01889F Topaz#13BBAF True Blue#010FCC Turquoise#40E0D0 Turquoise Blue#06B1C4 Twilight#4E518B Twilight Blue#0A437A Ultramarine#2000B1 Ultramarine Blue#1805DB Vibrant Blue#0339F8 Violet Blue#510AC9 Vivid Blue#152EFF Warm Blue#4B57DB Water Blue#0E87CC

More styles

Light (143)Dark (108)Pastel (127)Vibrant (245)Neutral (99)Warm (282) All families