Vivid teal, pink, red and orange linear swatches

Vivid teal, pink, red and orange color palette

Linear swatches, 32 colors at 45°: #3baea6, #937e00, #b9334e, #d6405c, #fa613a. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#3baea6
#3aad9c
#3dab8f
#46a77f
#53a36a
#649c53
#759438
#868a12
#937e00
#9c7300
#a46800
#ad5c00
#b74c02
#b84225
#b93b37
#b93644
#b9334e
#ba3355
#bd335a
#c0345d
#c5365f
#ca395f
#d03c5e
#d6405c
#dc4458
#e24954
#e84e4f
#ed524a
#f15745
#f55b40
#f85f3c
#fa613a

CSS

background: linear-gradient(45deg, oklch(68.50% 0.1020 188.44) 0.000% 3.125%, oklch(67.89% 0.1044 181.81) 3.125% 6.250%, oklch(67.05% 0.1075 173.25) 6.250% 9.375%, oklch(66.03% 0.1112 163.05) 9.375% 12.500%, oklch(64.87% 0.1153 151.49) 12.500% 15.625%, oklch(63.61% 0.1198 138.88) 15.625% 18.750%, oklch(62.27% 0.1245 125.50) 18.750% 21.875%, oklch(60.90% 0.1295 111.65) 21.875% 25.000%, oklch(59.53% 0.1229 97.60) 25.000% 28.125%, oklch(58.20% 0.1195 83.67) 28.125% 31.250%, oklch(56.95% 0.1233 70.15) 31.250% 34.375%, oklch(55.82% 0.1346 57.33) 34.375% 37.500%, oklch(54.84% 0.1545 45.54) 37.500% 40.625%, oklch(54.05% 0.1589 35.00) 40.625% 43.750%, oklch(53.49% 0.1630 26.03) 43.750% 46.875%, oklch(53.19% 0.1665 18.94) 46.875% 50.000%, oklch(53.19% 0.1696 13.92) 50.000% 53.125%, oklch(53.49% 0.1724 10.56) 53.125% 56.250%, oklch(54.05% 0.1750 8.61) 56.250% 59.375%, oklch(54.84% 0.1775 7.91) 59.375% 62.500%, oklch(55.82% 0.1798 8.29) 62.500% 65.625%, oklch(56.95% 0.1819 9.58) 65.625% 68.750%, oklch(58.20% 0.1838 11.61) 68.750% 71.875%, oklch(59.53% 0.1856 14.21) 71.875% 75.000%, oklch(60.90% 0.1873 17.21) 75.000% 78.125%, oklch(62.27% 0.1888 20.45) 78.125% 81.250%, oklch(63.61% 0.1902 23.74) 81.250% 84.375%, oklch(64.87% 0.1915 26.93) 84.375% 87.500%, oklch(66.03% 0.1927 29.83) 87.500% 90.625%, oklch(67.05% 0.1937 32.30) 90.625% 93.750%, oklch(67.89% 0.1947 34.15) 93.750% 96.875%, oklch(68.50% 0.1957 35.21) 96.875% 100.000%);

In these collections

Coral color palette