Monochrome pink and magenta linear swatches

Linear swatches, 32 colors at 90°: #ffd9eb, #ffa1cf, #f060a7, #cf2e80, #9a1a5a. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #ffd9eb
• #ffd4e9
• #ffcfe6
• #ffc9e3
• #ffc2df
• #ffbbdb
• #ffb2d7
• #ffaad3
• #ffa1cf
• #ff97ca
• #fe8fc6
• #fc88c1
• #fa80bc
• #f878b7
• #f570b2
• #f368ad
• #f060a7
• #ed58a1
• #e94f9c
• #e54896
• #e14091
• #dc398b
• #d63386
• #cf2e80
• #c82a7a
• #c02674
• #b8236f
• #b1216a
• #aa1f65
• #a41d61
• #9e1c5d
• #9a1a5a

CSS

background: linear-gradient(90deg, oklch(92.12% 0.0486 348.04) 0.000% 3.125%, oklch(91.32% 0.0539 348.15) 3.125% 6.250%, oklch(90.30% 0.0607 348.28) 6.250% 9.375%, oklch(89.11% 0.0689 348.44) 9.375% 12.500%, oklch(87.76% 0.0783 348.61) 12.500% 15.625%, oklch(86.30% 0.0887 348.80) 15.625% 18.750%, oklch(84.76% 0.1000 349.01) 18.750% 21.875%, oklch(83.17% 0.1120 349.24) 21.875% 25.000%, oklch(81.56% 0.1244 349.49) 25.000% 28.125%, oklch(79.98% 0.1371 349.77) 28.125% 31.250%, oklch(78.45% 0.1479 350.06) 31.250% 34.375%, oklch(76.97% 0.1548 350.38) 34.375% 37.500%, oklch(75.46% 0.1620 350.75) 37.500% 40.625%, oklch(73.92% 0.1694 351.15) 40.625% 43.750%, oklch(72.35% 0.1768 351.59) 43.750% 46.875%, oklch(70.77% 0.1839 352.04) 46.875% 50.000%, oklch(69.18% 0.1906 352.50) 50.000% 53.125%, oklch(67.59% 0.1966 352.96) 53.125% 56.250%, oklch(66.00% 0.2017 353.39) 56.250% 59.375%, oklch(64.41% 0.2057 353.80) 59.375% 62.500%, oklch(62.85% 0.2085 354.17) 62.500% 65.625%, oklch(61.29% 0.2096 354.49) 65.625% 68.750%, oklch(59.65% 0.2089 354.78) 68.750% 71.875%, oklch(57.92% 0.2064 355.05) 71.875% 75.000%, oklch(56.15% 0.2025 355.30) 75.000% 78.125%, oklch(54.38% 0.1977 355.53) 78.125% 81.250%, oklch(52.64% 0.1922 355.74) 81.250% 84.375%, oklch(51.00% 0.1866 355.93) 84.375% 87.500%, oklch(49.47% 0.1811 356.11) 87.500% 90.625%, oklch(48.11% 0.1762 356.26) 90.625% 93.750%, oklch(46.96% 0.1722 356.39) 93.750% 96.875%, oklch(46.06% 0.1695 356.50) 96.875% 100.000%);

In these collections

Summer gradientsRetro gradientsPink gradientsOrchid colors

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works