Pale blue, ochre and violet color palette

Light blue, green, orange and purple color palette

The Pale blue, ochre and violet color palette brings together pale teal, green, gold, orange, red, and purple. Linear gradient, 32 colors at 90°: #d0f2f4, #53a961, #eaba23, #cd503d, #643375. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#d0f2f4
#bce7e8
#a1d8d4
#81c6bb
#62b4a1
#49a687
#3c9f73
#41a067
#53a961
#6db65d
#89c55a
#a6d155
#bfd74c
#d2d63e
#decf30
#e6c527
#eaba23
#ebad25
#ea9f28
#e9922c
#e5832e
#df7231
#d66036
#cd503d
#c14146
#b63750
#a8325b
#993066
#89316e
#7a3272
#6d3374
#643375

CSS

background: linear-gradient(90deg in oklch, oklch(93.70% 0.0358 201.09) 0.0%, oklch(89.92% 0.0445 196.82) 3.2%, oklch(84.24% 0.0568 190.96) 6.5%, oklch(77.68% 0.0712 184.00) 9.7%, oklch(71.30% 0.0864 176.41) 12.9%, oklch(66.13% 0.1010 168.68) 16.1%, oklch(63.21% 0.1136 161.28) 19.4%, oklch(63.42% 0.1241 154.33) 22.6%, oklch(66.30% 0.1343 147.32) 25.8%, oklch(70.80% 0.1438 140.23) 29.0%, oklch(75.90% 0.1523 133.05) 32.3%, oklch(80.53% 0.1591 125.80) 35.5%, oklch(83.66% 0.1640 118.46) 38.7%, oklch(84.57% 0.1663 111.04) 41.9%, oklch(84.19% 0.1654 103.58) 45.2%, oklch(82.89% 0.1622 96.05) 48.4%, oklch(80.90% 0.1579 88.42) 51.6%, oklch(78.50% 0.1538 80.67) 54.8%, oklch(75.93% 0.1508 72.77) 58.1%, oklch(73.36% 0.1503 64.69) 61.3%, oklch(70.27% 0.1523 56.47) 64.5%, oklch(66.74% 0.1557 48.12) 67.7%, oklch(63.00% 0.1594 39.62) 71.0%, oklch(59.30% 0.1624 30.99) 74.2%, oklch(55.89% 0.1636 22.22) 77.4%, oklch(53.01% 0.1620 13.28) 80.6%, oklch(50.45% 0.1568 3.31) 83.9%, oklch(48.08% 0.1489 352.51) 87.1%, oklch(45.93% 0.1397 341.68) 90.3%, oklch(44.07% 0.1305 331.62) 93.5%, oklch(42.52% 0.1225 323.12) 96.8%, oklch(41.34% 0.1171 316.98) 100.0%);

In these collections

Hero section gradients Weather map gradients