Blue and terracotta iridescent glass interface palette

Complementary blue, gray and tan color palette

The Blue and terracotta iridescent glass interface palette brings together blue, light teal, light yellow, and orange. Linear gradient, 32 colors at 180°: #304293, #4173c3, #73a4cc, #a3b4aa, #c59a74. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#304293
#314698
#324b9f
#3251a6
#3458ae
#355fb4
#3865b9
#3c6cbe
#4173c3
#467ac7
#4c81ca
#5187cc
#588ece
#5f94cf
#669acf
#6d9fce
#73a4cc
#7ca8c9
#86abc4
#8eaec0
#95b0bb
#9ab2b6
#9eb3b1
#a3b4aa
#a9b3a4
#b0b19e
#b5ae9a
#b9ab93
#bda68b
#c0a181
#c39d79
#c59a74

CSS

background: linear-gradient(180deg in oklch, oklch(41.34% 0.1350 270.00) 0.0%, oklch(42.50% 0.1365 269.02) 3.2%, oklch(44.13% 0.1389 267.63) 6.5%, oklch(46.05% 0.1414 266.01) 9.7%, oklch(48.09% 0.1431 264.35) 12.9%, oklch(50.08% 0.1435 262.83) 16.1%, oklch(51.99% 0.1420 261.57) 19.4%, oklch(54.00% 0.1393 260.45) 22.6%, oklch(56.05% 0.1357 259.35) 25.8%, oklch(58.07% 0.1311 258.17) 29.0%, oklch(60.01% 0.1259 256.79) 32.3%, oklch(61.85% 0.1200 255.24) 35.5%, oklch(63.67% 0.1132 253.84) 38.7%, oklch(65.42% 0.1056 252.29) 41.9%, oklch(67.08% 0.0974 250.28) 45.2%, oklch(68.60% 0.0886 247.49) 48.4%, oklch(69.94% 0.0791 243.98) 51.6%, oklch(71.17% 0.0675 241.28) 54.8%, oklch(72.26% 0.0550 238.22) 58.1%, oklch(73.20% 0.0432 233.20) 61.3%, oklch(73.99% 0.0335 224.61) 64.5%, oklch(74.59% 0.0273 210.64) 67.7%, oklch(75.03% 0.0239 188.81) 71.0%, oklch(75.30% 0.0227 161.92) 74.2%, oklch(75.41% 0.0234 134.01) 77.4%, oklch(75.36% 0.0258 109.09) 80.6%, oklch(75.15% 0.0297 91.13) 83.9%, oklch(74.62% 0.0368 79.78) 87.1%, oklch(73.84% 0.0466 72.61) 90.3%, oklch(72.97% 0.0571 68.29) 93.5%, oklch(72.18% 0.0666 65.49) 96.8%, oklch(71.65% 0.0730 62.88) 100.0%);

In these collections

Iridescent glass interface