Blue color palettes

Blue is the most trusted color in design, calm at low saturation and commanding at full depth. These blue color palettes run from pale glacier tints to near-black navy.

24 curated palettes · Click any color to copy its hex code

Extract a palette from your own image

Harbor

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#385dc7rgb(56, 93, 199)Values, shades & harmoniesOpen Open palette in generator→

#364096rgb(54, 64, 150)Values, shades & harmoniesOpen Open palette in generator→

#20265argb(32, 38, 90)Values, shades & harmoniesOpen Open palette in generator→

Tide

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#3857c7rgb(56, 87, 199)Values, shades & harmoniesOpen Open palette in generator→

#363796rgb(54, 55, 150)Values, shades & harmoniesOpen Open palette in generator→

#20215argb(32, 33, 90)Values, shades & harmoniesOpen Open palette in generator→

Denim

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d19f47rgb(209, 159, 71)Values, shades & harmoniesOpen Open palette in generator→

Glacier

#cde0f4rgb(205, 224, 244)Values, shades & harmoniesOpen Open palette in generator→

#7aade1rgb(122, 173, 225)Values, shades & harmoniesOpen Open palette in generator→

#2f7fd0rgb(47, 127, 208)Values, shades & harmoniesOpen Open palette in generator→

#20568drgb(32, 86, 141)Values, shades & harmoniesOpen Open palette in generator→

#112e4brgb(17, 46, 75)Values, shades & harmoniesOpen Open palette in generator→

Midnight

#ccd8f5rgb(204, 216, 245)Values, shades & harmoniesOpen Open palette in generator→

#7697e5rgb(118, 151, 229)Values, shades & harmoniesOpen Open palette in generator→

#285dd7rgb(40, 93, 215)Values, shades & harmoniesOpen Open palette in generator→

#1c3f92rgb(28, 63, 146)Values, shades & harmoniesOpen Open palette in generator→

#0f214drgb(15, 33, 77)Values, shades & harmoniesOpen Open palette in generator→

Cobalt

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#384ec7rgb(56, 78, 199)Values, shades & harmoniesOpen Open palette in generator→

#413696rgb(65, 54, 150)Values, shades & harmoniesOpen Open palette in generator→

#27205argb(39, 32, 90)Values, shades & harmoniesOpen Open palette in generator→

Fjord

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#385dc7rgb(56, 93, 199)Values, shades & harmoniesOpen Open palette in generator→

#363f96rgb(54, 63, 150)Values, shades & harmoniesOpen Open palette in generator→

#20265argb(32, 38, 90)Values, shades & harmoniesOpen Open palette in generator→

Sailcloth

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d17c47rgb(209, 124, 71)Values, shades & harmoniesOpen Open palette in generator→

Rain

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#3859c7rgb(56, 89, 199)Values, shades & harmoniesOpen Open palette in generator→

#363a96rgb(54, 58, 150)Values, shades & harmoniesOpen Open palette in generator→

#20235argb(32, 35, 90)Values, shades & harmoniesOpen Open palette in generator→

Delft

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d15347rgb(209, 83, 71)Values, shades & harmoniesOpen Open palette in generator→

Atlantic

#cfe3f1rgb(207, 227, 241)Values, shades & harmoniesOpen Open palette in generator→

#80b4dbrgb(128, 180, 219)Values, shades & harmoniesOpen Open palette in generator→

#388ac7rgb(56, 138, 199)Values, shades & harmoniesOpen Open palette in generator→

#265e87rgb(38, 94, 135)Values, shades & harmoniesOpen Open palette in generator→

#143247rgb(20, 50, 71)Values, shades & harmoniesOpen Open palette in generator→

Lagoon

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#384cc7rgb(56, 76, 199)Values, shades & harmoniesOpen Open palette in generator→

#443696rgb(68, 54, 150)Values, shades & harmoniesOpen Open palette in generator→

#29205argb(41, 32, 90)Values, shades & harmoniesOpen Open palette in generator→

Deep harbor

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d1a947rgb(209, 169, 71)Values, shades & harmoniesOpen Open palette in generator→

Pale tide

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d19f47rgb(209, 159, 71)Values, shades & harmoniesOpen Open palette in generator→

Soft denim

#ceddf3rgb(206, 221, 243)Values, shades & harmoniesOpen Open palette in generator→

#7da5dergb(125, 165, 222)Values, shades & harmoniesOpen Open palette in generator→

#3372ccrgb(51, 114, 204)Values, shades & harmoniesOpen Open palette in generator→

#234e8argb(35, 78, 138)Values, shades & harmoniesOpen Open palette in generator→

#132949rgb(19, 41, 73)Values, shades & harmoniesOpen Open palette in generator→

Bold glacier

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#384ac7rgb(56, 74, 199)Values, shades & harmoniesOpen Open palette in generator→

#463696rgb(70, 54, 150)Values, shades & harmoniesOpen Open palette in generator→

#2a205argb(42, 32, 90)Values, shades & harmoniesOpen Open palette in generator→

Quiet midnight

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#3856c7rgb(56, 86, 199)Values, shades & harmoniesOpen Open palette in generator→

#363696rgb(54, 54, 150)Values, shades & harmoniesOpen Open palette in generator→

#20215argb(32, 33, 90)Values, shades & harmoniesOpen Open palette in generator→

Faded cobalt

#cde2f4rgb(205, 226, 244)Values, shades & harmoniesOpen Open palette in generator→

#79b1e1rgb(121, 177, 225)Values, shades & harmoniesOpen Open palette in generator→

#2e85d1rgb(46, 133, 209)Values, shades & harmoniesOpen Open palette in generator→

#205a8ergb(32, 90, 142)Values, shades & harmoniesOpen Open palette in generator→

#11304brgb(17, 48, 75)Values, shades & harmoniesOpen Open palette in generator→

Vivid fjord

#cbd6f6rgb(203, 214, 246)Values, shades & harmoniesOpen Open palette in generator→

#7591e6rgb(117, 145, 230)Values, shades & harmoniesOpen Open palette in generator→

#2754d8rgb(39, 84, 216)Values, shades & harmoniesOpen Open palette in generator→

#1b3993rgb(27, 57, 147)Values, shades & harmoniesOpen Open palette in generator→

#0e1e4ergb(14, 30, 78)Values, shades & harmoniesOpen Open palette in generator→

Smoky sailcloth

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d17647rgb(209, 118, 71)Values, shades & harmoniesOpen Open palette in generator→

Clear rain

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#3858c7rgb(56, 88, 199)Values, shades & harmoniesOpen Open palette in generator→

#363996rgb(54, 57, 150)Values, shades & harmoniesOpen Open palette in generator→

#20225argb(32, 34, 90)Values, shades & harmoniesOpen Open palette in generator→

Dusky delft

#cedbf3rgb(206, 219, 243)Values, shades & harmoniesOpen Open palette in generator→

#7ca0dfrgb(124, 160, 223)Values, shades & harmoniesOpen Open palette in generator→

#326bcdrgb(50, 107, 205)Values, shades & harmoniesOpen Open palette in generator→

#22488crgb(34, 72, 140)Values, shades & harmoniesOpen Open palette in generator→

#12264argb(18, 38, 74)Values, shades & harmoniesOpen Open palette in generator→

Warm atlantic

#e6eaefrgb(230, 234, 239)Values, shades & harmoniesOpen Open palette in generator→

#9db3d2rgb(157, 179, 210)Values, shades & harmoniesOpen Open palette in generator→

#3072cfrgb(48, 114, 207)Values, shades & harmoniesOpen Open palette in generator→

#1d457crgb(29, 69, 124)Values, shades & harmoniesOpen Open palette in generator→

#d1aa47rgb(209, 170, 71)Values, shades & harmoniesOpen Open palette in generator→

Cool lagoon

#b5cceergb(181, 204, 238)Values, shades & harmoniesOpen Open palette in generator→

#6294dargb(98, 148, 218)Values, shades & harmoniesOpen Open palette in generator→

#3845c7rgb(56, 69, 199)Values, shades & harmoniesOpen Open palette in generator→

#4d3696rgb(77, 54, 150)Values, shades & harmoniesOpen Open palette in generator→

#2e205argb(46, 32, 90)Values, shades & harmoniesOpen Open palette in generator→

Frequently asked questions

Blue pairs with white, warm neutrals like sand, soft grays, and neighbors green and purple. Warm accents like coral or mustard sharpen it.

Blue carries its own psychology in branding and design, and the palettes on this page show its range from light to dark. Use the lighter schemes for backgrounds and airy layouts, and the deeper ones for identity work that needs weight.

A strong example from this page is Harbor: #b5ccee, #6294da, #385dc7, #364096, #20265a. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.