Indigo, lilac and orange color palette
The Indigo, lilac and orange color palette brings together blue, light purple, light red, and light orange. Linear gradient, 32 colors at 90°: #7a74d8, #9f8de5, #d19edd, #efa7c3, #f5c38f. Edit and export CSS, SVG, PNG or a shader.
5 editable OKLCH keyframes.
- #7a74d8
- #7d76d9
- #8079db
- #847cdd
- #8980df
- #8e84e1
- #9387e3
- #998be4
- #9f8de5
- #a590e6
- #ac92e6
- #b294e5
- #b996e4
- #bf98e3
- #c69ae1
- #cc9cdf
- #d19edd
- #d69fdb
- #dba0d8
- #dfa2d5
- #e3a3d1
- #e7a4cd
- #eba6c9
- #efa7c3
- #f3a9bd
- #f7acb5
- #faafac
- #fcb3a3
- #fbb79b
- #fabc95
- #f7c091
- #f5c38f
CSS
background: linear-gradient(90deg in oklch, oklch(61.02% 0.1488 284.06) 0.0%, oklch(61.69% 0.1472 284.52) 3.2%, oklch(62.60% 0.1450 284.98) 6.5%, oklch(63.68% 0.1424 285.51) 9.7%, oklch(64.87% 0.1395 286.21) 12.9%, oklch(66.11% 0.1364 287.13) 16.1%, oklch(67.34% 0.1333 288.36) 19.4%, oklch(68.50% 0.1303 289.96) 22.6%, oklch(69.54% 0.1275 292.02) 25.8%, oklch(70.53% 0.1246 294.51) 29.0%, oklch(71.52% 0.1216 297.39) 32.3%, oklch(72.49% 0.1186 300.60) 35.5%, oklch(73.43% 0.1157 304.09) 38.7%, oklch(74.34% 0.1128 307.83) 41.9%, oklch(75.20% 0.1100 311.75) 45.2%, oklch(76.00% 0.1073 315.81) 48.4%, oklch(76.74% 0.1049 319.94) 51.6%, oklch(77.39% 0.1025 324.00) 54.8%, oklch(77.98% 0.1003 328.10) 58.1%, oklch(78.52% 0.0981 332.38) 61.3%, oklch(79.03% 0.0961 336.98) 64.5%, oklch(79.53% 0.0942 342.06) 67.7%, oklch(80.04% 0.0926 347.74) 71.0%, oklch(80.57% 0.0912 354.18) 74.2%, oklch(81.15% 0.0902 1.84) 77.4%, oklch(81.77% 0.0894 11.28) 80.6%, oklch(82.42% 0.0889 21.84) 83.9%, oklch(83.07% 0.0886 32.85) 87.1%, oklch(83.68% 0.0885 43.64) 90.3%, oklch(84.23% 0.0884 53.51) 93.5%, oklch(84.69% 0.0883 61.78) 96.8%, oklch(85.04% 0.0882 67.78) 100.0%);In these collections
Summer gradientsRetro gradients
Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works
