Mustard yellow and blue palette

Light blue, blue, teal and yellow color palette

The Mustard yellow and blue palette brings together light blue, blue, teal, green, and yellow. Linear gradient, 32 colors at 135°: #b4d3fa, #407ad6, #0a3c8d, #4db38a, #f0e83c. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#b4d3fa
#aaccf7
#9cc3f4
#8bb7f0
#7baaeb
#6b9ee6
#5d93e1
#4e87dc
#407ad6
#346ed0
#2a62c8
#2357be
#224bb2
#213fa4
#1f3798
#193690
#0a3c8d
#004b89
#005c8b
#0b6e8f
#278092
#349095
#3aa294
#4db38a
#71c274
#9bcc58
#bdd13f
#d3d630
#e0db2e
#e7e033
#ebe539
#f0e83c

CSS

background: linear-gradient(135deg in oklch, oklch(85.83% 0.0634 253.83) 0.0%, oklch(83.63% 0.0711 254.23) 3.2%, oklch(80.56% 0.0820 254.78) 6.5%, oklch(76.94% 0.0946 255.43) 9.7%, oklch(73.13% 0.1076 256.15) 12.9%, oklch(69.47% 0.1195 256.88) 16.1%, oklch(65.99% 0.1305 257.64) 19.4%, oklch(62.37% 0.1424 258.51) 22.6%, oklch(58.71% 0.1538 259.40) 25.8%, oklch(55.15% 0.1634 260.26) 29.0%, oklch(51.82% 0.1697 261.01) 32.3%, oklch(48.58% 0.1718 262.04) 35.5%, oklch(44.90% 0.1706 264.19) 38.7%, oklch(41.36% 0.1666 266.33) 41.9%, oklch(38.61% 0.1605 267.19) 45.2%, oklch(37.31% 0.1529 265.52) 48.4%, oklch(38.08% 0.1436 260.21) 51.6%, oklch(41.00% 0.1218 251.77) 54.8%, oklch(45.36% 0.1055 240.86) 58.1%, oklch(50.47% 0.0956 228.20) 61.3%, oklch(55.59% 0.0856 214.55) 64.5%, oklch(60.12% 0.0853 200.29) 67.7%, oklch(64.77% 0.0963 183.03) 71.0%, oklch(69.62% 0.1146 163.83) 74.2%, oklch(74.32% 0.1356 144.93) 77.4%, oklch(78.56% 0.1545 128.60) 80.6%, oklch(82.01% 0.1668 117.05) 83.9%, oklch(84.72% 0.1733 110.63) 87.1%, oklch(86.89% 0.1766 107.79) 90.3%, oklch(88.59% 0.1779 107.15) 93.5%, oklch(89.91% 0.1784 107.32) 96.8%, oklch(90.94% 0.1791 106.94) 100.0%);

In these collections

Yellow and blue gradients