Skip to content

Grabient palettes

Aubergine rose and honey sunset

Duotone dark purple to tan color palette

Deep aubergine warms through wine, muted rose and coral before opening into peach, honey and pale cream. Angular gradient, 80 colors at 225°: #2b1b31, #764253, #c8715d, #eaa66b, #efd4a4. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #2b1b31
  • #2d1c32
  • #2f1d33
  • #311e35
  • #342037
  • #372139
  • #3a233b
  • #3e253d
  • #42273f
  • #462941
  • #4a2b43
  • #4e2d45
  • #533047
  • #573249
  • #5c344b
  • #61374c
  • #65394e
  • #6a3b50
  • #6e3d51
  • #724052
  • #764253
  • #7b4454
  • #7f4656
  • #834857
  • #884a58
  • #8c4c58
  • #914f59
  • #95515a
  • #99535b
  • #9e555b
  • #a2585b
  • #a75a5c
  • #ab5d5c
  • #af5f5c
  • #b3625c
  • #b7645d
  • #bb675d
  • #bf695d
  • #c26c5d
  • #c56f5d
  • #c8715d
  • #cb745d
  • #ce775d
  • #d17a5d
  • #d37c5d
  • #d57f5d
  • #d8825e
  • #da855e
  • #dc875e
  • #dd8a5f
  • #df8d60
  • #e19061
  • #e29361
  • #e49563
  • #e59864
  • #e69b65
  • #e79e66
  • #e8a068
  • #e9a369
  • #eaa66b
  • #eba96d
  • #ecab6f
  • #ecae72
  • #edb174
  • #edb477
  • #eeb77a
  • #eeb97e
  • #eebc81
  • #eebf84
  • #eec188
  • #eec48b
  • #efc68e
  • #efc992
  • #efcb95
  • #efcd98
  • #efcf9b
  • #efd09d
  • #efd2a0
  • #efd3a2
  • #efd4a4

CSS

background: conic-gradient(from 225deg in oklch, oklch(25.20% 0.0455 316.41) 0.0%, oklch(25.73% 0.0463 317.59) 1.3%, oklch(26.36% 0.0473 318.99) 2.5%, oklch(27.07% 0.0483 320.59) 3.8%, oklch(27.86% 0.0495 322.37) 5.1%, oklch(28.72% 0.0508 324.30) 6.3%, oklch(29.64% 0.0522 326.37) 7.6%, oklch(30.61% 0.0536 328.57) 8.9%, oklch(31.63% 0.0552 330.86) 10.1%, oklch(32.69% 0.0568 333.23) 11.4%, oklch(33.77% 0.0584 335.67) 12.7%, oklch(34.89% 0.0601 338.15) 13.9%, oklch(36.02% 0.0619 340.65) 15.2%, oklch(37.15% 0.0636 343.15) 16.5%, oklch(38.29% 0.0654 345.64) 17.7%, oklch(39.42% 0.0673 348.09) 19.0%, oklch(40.54% 0.0691 350.49) 20.3%, oklch(41.64% 0.0709 352.82) 21.5%, oklch(42.71% 0.0727 355.05) 22.8%, oklch(43.74% 0.0745 357.17) 24.1%, oklch(44.73% 0.0762 359.16) 25.3%, oklch(45.72% 0.0781 1.10) 26.6%, oklch(46.72% 0.0801 3.02) 27.8%, oklch(47.72% 0.0821 4.92) 29.1%, oklch(48.73% 0.0843 6.81) 30.4%, oklch(49.75% 0.0866 8.67) 31.6%, oklch(50.77% 0.0888 10.51) 32.9%, oklch(51.79% 0.0912 12.34) 34.2%, oklch(52.81% 0.0935 14.14) 35.4%, oklch(53.82% 0.0958 15.93) 36.7%, oklch(54.83% 0.0981 17.70) 38.0%, oklch(55.83% 0.1003 19.45) 39.2%, oklch(56.83% 0.1025 21.18) 40.5%, oklch(57.81% 0.1045 22.89) 41.8%, oklch(58.78% 0.1065 24.58) 43.0%, oklch(59.73% 0.1083 26.25) 44.3%, oklch(60.67% 0.1100 27.91) 45.6%, oklch(61.58% 0.1115 29.54) 46.8%, oklch(62.48% 0.1128 31.16) 48.1%, oklch(63.35% 0.1139 32.76) 49.4%, oklch(64.20% 0.1148 34.34) 50.6%, oklch(65.03% 0.1155 35.89) 51.9%, oklch(65.85% 0.1162 37.43) 53.2%, oklch(66.65% 0.1167 38.94) 54.4%, oklch(67.44% 0.1170 40.44) 55.7%, oklch(68.21% 0.1173 41.91) 57.0%, oklch(68.97% 0.1175 43.37) 58.2%, oklch(69.71% 0.1175 44.81) 59.5%, oklch(70.44% 0.1175 46.23) 60.8%, oklch(71.16% 0.1173 47.63) 62.0%, oklch(71.87% 0.1170 49.01) 63.3%, oklch(72.57% 0.1167 50.37) 64.6%, oklch(73.26% 0.1162 51.72) 65.8%, oklch(73.93% 0.1157 53.05) 67.1%, oklch(74.60% 0.1150 54.37) 68.4%, oklch(75.26% 0.1143 55.67) 69.6%, oklch(75.90% 0.1135 56.95) 70.9%, oklch(76.54% 0.1126 58.22) 72.2%, oklch(77.17% 0.1116 59.48) 73.4%, oklch(77.80% 0.1105 60.72) 74.7%, oklch(78.42% 0.1093 61.95) 75.9%, oklch(79.04% 0.1079 63.21) 77.2%, oklch(79.67% 0.1062 64.47) 78.5%, oklch(80.29% 0.1043 65.74) 79.7%, oklch(80.91% 0.1022 67.01) 81.0%, oklch(81.53% 0.1000 68.28) 82.3%, oklch(82.14% 0.0977 69.53) 83.5%, oklch(82.73% 0.0953 70.77) 84.8%, oklch(83.32% 0.0928 71.98) 86.1%, oklch(83.89% 0.0903 73.16) 87.3%, oklch(84.44% 0.0878 74.31) 88.6%, oklch(84.97% 0.0853 75.42) 89.9%, oklch(85.48% 0.0829 76.49) 91.1%, oklch(85.96% 0.0806 77.50) 92.4%, oklch(86.41% 0.0784 78.45) 93.7%, oklch(86.84% 0.0764 79.34) 94.9%, oklch(87.23% 0.0745 80.17) 96.2%, oklch(87.59% 0.0729 80.91) 97.5%, oklch(87.91% 0.0714 81.58) 98.7%, oklch(88.19% 0.0703 82.16) 100.0%);

In these collections

Sky

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works