Rose and cream color palette
The Rose and cream color palette brings together red, light red, and pale yellow. Linear gradient, 26 colors at 45°: #ff4f81, #ff677e, #ff9598, #fecbbd, #feffe2. Edit and export CSS, SVG, PNG or a shader.
5 editable OKLCH keyframes.
- #ff4f81
- #ff5281
- #ff5580
- #ff597f
- #ff5d7e
- #ff627e
- #ff677e
- #ff6d80
- #ff7383
- #ff7987
- #ff7f8b
- #ff868f
- #ff8e93
- #ff9598
- #ff9e9e
- #fea7a5
- #feb0ad
- #fdb9b3
- #fdc2b9
- #fecbbd
- #ffd4c1
- #ffdfc6
- #ffe9cd
- #fff2d4
- #fffad9
- #feffe2
CSS
background: linear-gradient(45deg in oklch, oklch(68.50% 0.2132 7.73) 0.0%, oklch(68.75% 0.2102 8.41) 4.0%, oklch(69.06% 0.2064 9.37) 8.0%, oklch(69.43% 0.2020 10.49) 12.0%, oklch(69.89% 0.1969 11.68) 16.0%, oklch(70.44% 0.1913 12.84) 20.0%, oklch(71.08% 0.1851 13.85) 24.0%, oklch(71.82% 0.1783 14.61) 28.0%, oklch(72.65% 0.1712 15.11) 32.0%, oklch(73.57% 0.1636 15.51) 36.0%, oklch(74.58% 0.1554 15.95) 40.0%, oklch(75.70% 0.1466 16.60) 44.0%, oklch(76.91% 0.1371 17.61) 48.0%, oklch(78.24% 0.1271 18.95) 52.0%, oklch(79.72% 0.1165 19.80) 56.0%, oklch(81.31% 0.1046 20.57) 60.0%, oklch(83.00% 0.0919 21.86) 64.0%, oklch(84.73% 0.0800 24.28) 68.0%, oklch(86.49% 0.0696 28.46) 72.0%, oklch(88.24% 0.0616 35.04) 76.0%, oklch(90.18% 0.0550 45.45) 80.0%, oklch(92.29% 0.0483 58.79) 84.0%, oklch(94.40% 0.0440 73.39) 88.0%, oklch(96.36% 0.0420 87.59) 92.0%, oklch(98.02% 0.0429 99.72) 96.0%, oklch(99.21% 0.0371 108.11) 100.0%);In these collections
Light multicolor gradientsLight mode color palette
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
