Blue yellow and blue palette

Navy, green, yellow and light blue color palette

The Blue yellow and blue palette brings together dark blue, yellow, and blue. Linear gradient, 48 colors at 180°: #122858, #00a385, #fff57d, #91febe, #71c7f2. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#122858
#0f2e5d
#083463
#003c69
#00456b
#004f6f
#005974
#006479
#006f7d
#007c82
#008885
#009687
#00a385
#29b081
#4dba7c
#6ac377
#84cc72
#9dd46d
#b3da68
#c7e066
#d9e564
#e8ea65
#f4ee66
#fcf268
#fff57d
#fff78e
#fffa87
#fcfd78
#f5ff81
#edff9b
#e3ffa6
#d9ffac
#cbffaf
#bbffb2
#a6ffb6
#91febe
#81fac8
#73f6d1
#68f2d9
#60ece0
#5ce7e6
#5be1eb
#5ddbee
#61d6f0
#65d1f1
#6acdf2
#6ec9f2
#71c7f2

CSS

background: linear-gradient(180deg in oklch, oklch(29.13% 0.0909 262.97) 0.0%, oklch(30.72% 0.0926 259.07) 2.1%, oklch(32.66% 0.0946 254.18) 4.3%, oklch(34.92% 0.0951 248.47) 6.4%, oklch(37.46% 0.0887 241.90) 8.5%, oklch(40.25% 0.0850 234.64) 10.6%, oklch(43.25% 0.0833 226.80) 12.8%, oklch(46.43% 0.0837 218.49) 14.9%, oklch(49.77% 0.0860 209.81) 17.0%, oklch(53.21% 0.0905 200.86) 19.1%, oklch(56.74% 0.0975 191.75) 21.3%, oklch(60.31% 0.1077 182.58) 23.4%, oklch(63.89% 0.1222 173.44) 25.5%, oklch(67.45% 0.1321 164.46) 27.7%, oklch(70.95% 0.1357 155.71) 29.8%, oklch(74.36% 0.1392 147.31) 31.9%, oklch(77.65% 0.1426 139.36) 34.0%, oklch(80.78% 0.1456 131.96) 36.2%, oklch(83.71% 0.1484 125.22) 38.3%, oklch(86.42% 0.1509 119.24) 40.4%, oklch(88.86% 0.1531 114.11) 42.6%, oklch(91.02% 0.1548 109.96) 44.7%, oklch(92.84% 0.1561 106.87) 46.8%, oklch(94.30% 0.1569 104.95) 48.9%, oklch(95.37% 0.1413 104.29) 51.1%, oklch(96.13% 0.1273 104.86) 53.2%, oklch(96.59% 0.1378 106.55) 55.3%, oklch(96.78% 0.1550 109.26) 57.4%, oklch(96.73% 0.1505 112.91) 59.6%, oklch(96.46% 0.1254 117.40) 61.7%, oklch(95.99% 0.1160 122.63) 63.8%, oklch(95.34% 0.1141 128.51) 66.0%, oklch(94.53% 0.1166 134.94) 68.1%, oklch(93.59% 0.1223 141.83) 70.2%, oklch(92.55% 0.1307 149.07) 72.3%, oklch(91.41% 0.1352 156.58) 74.5%, oklch(90.21% 0.1319 164.25) 76.6%, oklch(88.97% 0.1287 171.99) 78.7%, oklch(87.70% 0.1254 179.72) 80.9%, oklch(86.44% 0.1222 187.32) 83.0%, oklch(85.21% 0.1191 194.70) 85.1%, oklch(84.02% 0.1162 201.78) 87.2%, oklch(82.90% 0.1134 208.44) 89.4%, oklch(81.87% 0.1108 214.61) 91.5%, oklch(80.96% 0.1084 220.17) 93.6%, oklch(80.18% 0.1064 225.05) 95.7%, oklch(79.57% 0.1047 229.13) 97.9%, oklch(79.13% 0.1033 232.32) 100.0%);

In these collections

Yellow and blue gradients