Rose and orange color palette

The Rose and orange color palette brings together red and orange. The colors span a narrow lightness range, combining strong color with gentle contrast. Linear gradient, 14 colors at 99°: #f53f79, #fa5274, #ff7270, #ff8e73, #fea27c. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

• #f53f79
• #f74478
• #f94a76
• #fa5274
• #fc5972
• #fe6171
• #ff6a70
• #ff7270
• #ff7c71
• #ff8572
• #ff8e73
• #ff9676
• #fe9d79
• #fea27c

CSS

background: linear-gradient(99deg in oklch, oklch(65.35% 0.2191 7.03) 0.0%, oklch(65.96% 0.2153 8.43) 7.7%, oklch(66.78% 0.2103 10.28) 15.4%, oklch(67.75% 0.2044 12.51) 23.1%, oklch(68.83% 0.1976 15.00) 30.8%, oklch(69.96% 0.1904 17.68) 38.5%, oklch(71.10% 0.1822 20.44) 46.2%, oklch(72.23% 0.1724 23.30) 53.8%, oklch(73.52% 0.1621 26.70) 61.5%, oklch(74.92% 0.1519 30.46) 69.2%, oklch(76.33% 0.1426 34.26) 76.9%, oklch(77.63% 0.1347 37.81) 84.6%, oklch(78.73% 0.1272 40.81) 92.3%, oklch(79.53% 0.1213 42.96) 100.0%);

In these collections

Summer gradientsSunset gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works