Brown, red, pink and white angular swatches

Brown, red, pink and white color palette

Angular swatches, 32 colors at 0°: #320d0b, #861921, #e22540, #ff9193, #ffeded. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#320d0b
#380e0d
#400f0f
#4a1111
#551314
#621517
#6e171b
#7b181e
#861921
#921924
#9f1626
#ab1127
#b80a2a
#c4052d
#d00831
#da1438
#e22540
#ea364a
#ef4755
#f45762
#f7676e
#fa767b
#fc8487
#ff9193
#ff9ea0
#ffacad
#ffbabb
#ffc7c8
#ffd3d3
#ffdede
#ffe6e7
#ffeded

CSS

background: conic-gradient(from 0deg, oklch(22.05% 0.0606 25.31) 0.000% 3.125%, oklch(23.50% 0.0670 25.14) 3.125% 6.250%, oklch(25.44% 0.0756 24.92) 6.250% 9.375%, oklch(27.76% 0.0858 24.65) 9.375% 12.500%, oklch(30.33% 0.0971 24.35) 12.500% 15.625%, oklch(33.02% 0.1089 24.03) 15.625% 18.750%, oklch(35.74% 0.1209 23.72) 18.750% 21.875%, oklch(38.34% 0.1325 23.41) 21.875% 25.000%, oklch(40.73% 0.1432 23.13) 25.000% 28.125%, oklch(43.01% 0.1553 22.86) 28.125% 31.250%, oklch(45.26% 0.1689 22.59) 31.250% 34.375%, oklch(47.49% 0.1828 22.31) 34.375% 37.500%, oklch(49.73% 0.1960 22.04) 37.500% 40.625%, oklch(52.00% 0.2073 21.77) 40.625% 43.750%, oklch(54.30% 0.2158 21.49) 43.750% 46.875%, oklch(56.67% 0.2201 21.22) 46.875% 50.000%, oklch(59.11% 0.2195 20.95) 50.000% 53.125%, oklch(61.64% 0.2139 20.68) 53.125% 56.250%, oklch(64.25% 0.2044 20.40) 56.250% 59.375%, oklch(66.89% 0.1920 20.13) 59.375% 62.500%, oklch(69.55% 0.1777 19.86) 62.500% 65.625%, oklch(72.20% 0.1624 19.59) 65.625% 68.750%, oklch(74.80% 0.1471 19.31) 68.750% 71.875%, oklch(77.33% 0.1328 19.04) 71.875% 75.000%, oklch(79.86% 0.1157 18.76) 75.000% 78.125%, oklch(82.53% 0.0977 18.45) 78.125% 81.250%, oklch(85.26% 0.0803 18.14) 81.250% 84.375%, oklch(87.94% 0.0641 17.82) 84.375% 87.500%, oklch(90.46% 0.0495 17.52) 87.500% 90.625%, oklch(92.72% 0.0370 17.25) 90.625% 93.750%, oklch(94.63% 0.0269 17.03) 93.750% 96.875%, oklch(96.06% 0.0195 16.86) 96.875% 100.000%);

In these collections

Sequential data gradients