Blue navy palette

The Blue navy palette brings together dark blue, blue, and light blue. #091732, #1c4a82, #6493bc, #7f9fbb, #162f51. Edit and export CSS, SVG, PNG or a shader.

32 colors, 7 editable OKLCH keyframes.

#091732
#0a1a38
#0c1f41
#0e254c
#112c57
#133362
#163a6d
#194277
#1c4a82
#20528d
#255b96
#2d649f
#366ea6
#4077ac
#4c80b1
#578ab7
#6493bc
#759fc3
#88acc9
#98b6ce
#a2bbd0
#a1b9cd
#94afc5
#7f9fbb
#688dae
#527ba0
#426b93
#355d85
#2b4e76
#224167
#1b365a
#162f51

CSS

background: conic-gradient(from 135deg in oklch, oklch(20.87% 0.0579 262.27) 0.0%, oklch(22.42% 0.0626 261.73) 3.2%, oklch(24.59% 0.0694 260.99) 6.5%, oklch(27.16% 0.0772 260.10) 9.7%, oklch(29.91% 0.0849 259.15) 12.9%, oklch(32.64% 0.0914 258.19) 16.1%, oklch(35.28% 0.0968 257.26) 19.4%, oklch(38.03% 0.1022 256.28) 22.6%, oklch(40.87% 0.1069 255.27) 25.8%, oklch(43.76% 0.1103 254.22) 29.0%, oklch(46.67% 0.1117 253.13) 32.3%, oklch(49.58% 0.1105 251.97) 35.5%, oklch(52.55% 0.1068 250.71) 38.7%, oklch(55.54% 0.1014 249.41) 41.9%, oklch(58.54% 0.0948 248.13) 45.2%, oklch(61.52% 0.0876 246.95) 48.4%, oklch(64.63% 0.0800 245.88) 51.6%, oklch(68.58% 0.0696 244.72) 54.8%, oklch(72.71% 0.0580 243.59) 58.1%, oklch(76.14% 0.0476 242.69) 61.3%, oklch(78.01% 0.0404 242.20) 64.5%, oklch(77.44% 0.0388 242.29) 67.7%, oklch(74.14% 0.0440 243.02) 71.0%, oklch(68.95% 0.0535 244.21) 74.2%, oklch(62.83% 0.0645 245.69) 77.4%, oklch(56.73% 0.0739 247.27) 80.6%, oklch(51.59% 0.0790 248.77) 83.9%, oklch(46.71% 0.0798 250.46) 87.1%, oklch(41.74% 0.0781 252.36) 90.3%, oklch(37.08% 0.0751 254.23) 93.5%, oklch(33.14% 0.0721 255.85) 96.8%, oklch(30.31% 0.0703 256.98) 100.0%);

In these collections

Navy