Orange and mauve color palette
The Orange and mauve color palette brings together light orange, red, blue, and off-white. Radial gradient, 32 colors: #f3a17f, #ca6642, #715080, #657d7e, #fff4e8. Edit and export CSS, SVG, PNG or a shader.
4 editable OKLCH keyframes.
- #f3a17f
- #f09d7a
- #ec9773
- #e7906a
- #e28860
- #dc8056
- #d6774d
- #d06e46
- #ca6642
- #c45e44
- #bf574a
- #b85254
- #ae4f60
- #a14d6c
- #924d76
- #814e7d
- #715080
- #615380
- #55577d
- #4e5b79
- #4b6076
- #4e6775
- #577178
- #657d7e
- #768c87
- #8b9d93
- #a2aea1
- #b9bfb0
- #cfcfc0
- #e3decf
- #f3ebdd
- #fff4e8
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.1089 43.59) 0.0%, oklch(77.12% 0.1109 43.18) 3.2%, oklch(75.49% 0.1141 43.36) 6.5%, oklch(73.55% 0.1182 43.84) 9.7%, oklch(71.37% 0.1227 44.30) 12.9%, oklch(69.05% 0.1272 44.42) 16.1%, oklch(66.67% 0.1314 43.90) 19.4%, oklch(64.33% 0.1347 42.43) 22.6%, oklch(62.10% 0.1369 39.70) 25.8%, oklch(60.09% 0.1375 35.40) 29.0%, oklch(58.37% 0.1360 29.22) 32.3%, oklch(56.87% 0.1321 20.88) 35.5%, oklch(55.19% 0.1256 10.48) 38.7%, oklch(53.40% 0.1170 358.31) 41.9%, oklch(51.63% 0.1067 344.68) 45.2%, oklch(49.99% 0.0955 329.89) 48.4%, oklch(48.61% 0.0838 314.25) 51.6%, oklch(47.62% 0.0721 298.04) 54.8%, oklch(47.13% 0.0610 281.58) 58.1%, oklch(47.26% 0.0511 265.17) 61.3%, oklch(48.15% 0.0429 249.11) 64.5%, oklch(49.93% 0.0368 233.54) 67.7%, oklch(52.98% 0.0322 216.82) 71.0%, oklch(57.17% 0.0286 198.84) 74.2%, oklch(62.20% 0.0260 180.10) 77.4%, oklch(67.80% 0.0241 161.12) 80.6%, oklch(73.67% 0.0227 142.40) 83.9%, oklch(79.54% 0.0218 124.46) 87.1%, oklch(85.12% 0.0212 107.81) 90.3%, oklch(90.11% 0.0206 92.97) 93.5%, oklch(94.25% 0.0201 80.43) 96.8%, oklch(97.24% 0.0193 70.72) 100.0%);In these collections
PeachKerala flower carpetOrchard frost at dawnComposition notebook doodles
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
