Skip to content

Grabient palettes

Cocoa and terracotta angular wallpaper

Seamless warm brown and salmon color palette

Dark cocoa brown travels through muted reddish brown into warm terracotta and dusty peach, then returns through shaded rust to its original dark color. Angular gradient, 96 colors at 315°: #2a1818, #693937, #b67463, #ac7565, #2a1818. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #2a1818
  • #2c1818
  • #2d1919
  • #2f1a1a
  • #301b1b
  • #321c1c
  • #341d1d
  • #371e1e
  • #391f1f
  • #3b2120
  • #3e2222
  • #412323
  • #432524
  • #462626
  • #492827
  • #4c2a29
  • #4f2b2a
  • #522d2c
  • #552f2d
  • #59302f
  • #5c3230
  • #5f3432
  • #623634
  • #653735
  • #693937
  • #6c3b38
  • #6f3d3a
  • #723f3b
  • #75413d
  • #78433e
  • #7b4440
  • #7d4641
  • #804843
  • #834a44
  • #864c46
  • #894e48
  • #8c5149
  • #8f534b
  • #93564d
  • #965950
  • #9a5c52
  • #9d5f54
  • #a16256
  • #a46558
  • #a8685a
  • #ac6b5d
  • #af6e5f
  • #b27161
  • #b67463
  • #b97765
  • #bc7a67
  • #be7c69
  • #c17f6b
  • #c3816c
  • #c5836e
  • #c7856f
  • #c88770
  • #ca8871
  • #ca8972
  • #cb8a73
  • #cb8b73
  • #cb8b73
  • #ca8a73
  • #c98a73
  • #c78972
  • #c58771
  • #c28570
  • #be836e
  • #bb806c
  • #b67d6a
  • #b17967
  • #ac7565
  • #a77162
  • #a16d5e
  • #9b685b
  • #946458
  • #8e5f54
  • #885a50
  • #81564d
  • #7a5149
  • #744c45
  • #6d4741
  • #67433d
  • #603e39
  • #5a3a36
  • #543532
  • #4f312f
  • #492d2b
  • #442a28
  • #3f2625
  • #3b2322
  • #36201f
  • #331e1d
  • #2f1b1b
  • #2d1919
  • #2a1818

CSS

background: conic-gradient(from 315deg in oklch, oklch(23.23% 0.0303 19.69) 0.0%, oklch(23.62% 0.0311 19.79) 1.1%, oklch(24.05% 0.0321 19.90) 2.1%, oklch(24.53% 0.0331 20.01) 3.2%, oklch(25.05% 0.0343 20.12) 4.2%, oklch(25.60% 0.0355 20.24) 5.3%, oklch(26.20% 0.0369 20.37) 6.3%, oklch(26.82% 0.0383 20.50) 7.4%, oklch(27.48% 0.0398 20.64) 8.4%, oklch(28.16% 0.0414 20.78) 9.5%, oklch(28.87% 0.0430 20.93) 10.5%, oklch(29.61% 0.0447 21.09) 11.6%, oklch(30.37% 0.0464 21.25) 12.6%, oklch(31.15% 0.0482 21.42) 13.7%, oklch(31.94% 0.0500 21.59) 14.7%, oklch(32.75% 0.0518 21.78) 15.8%, oklch(33.58% 0.0536 21.97) 16.8%, oklch(34.41% 0.0554 22.16) 17.9%, oklch(35.26% 0.0573 22.37) 18.9%, oklch(36.11% 0.0591 22.58) 20.0%, oklch(36.96% 0.0608 22.80) 21.1%, oklch(37.82% 0.0626 23.03) 22.1%, oklch(38.67% 0.0643 23.26) 23.2%, oklch(39.52% 0.0660 23.51) 24.2%, oklch(40.37% 0.0676 23.76) 25.3%, oklch(41.21% 0.0691 24.03) 26.3%, oklch(42.04% 0.0706 24.30) 27.4%, oklch(42.86% 0.0720 24.58) 28.4%, oklch(43.67% 0.0733 24.87) 29.5%, oklch(44.45% 0.0745 25.17) 30.5%, oklch(45.22% 0.0756 25.49) 31.6%, oklch(45.97% 0.0766 25.81) 32.6%, oklch(46.70% 0.0774 26.14) 33.7%, oklch(47.47% 0.0783 26.52) 34.7%, oklch(48.31% 0.0791 26.94) 35.8%, oklch(49.19% 0.0799 27.41) 36.8%, oklch(50.12% 0.0806 27.91) 37.9%, oklch(51.09% 0.0814 28.45) 38.9%, oklch(52.09% 0.0821 29.02) 40.0%, oklch(53.11% 0.0827 29.62) 41.1%, oklch(54.16% 0.0834 30.23) 42.1%, oklch(55.22% 0.0840 30.87) 43.2%, oklch(56.28% 0.0845 31.52) 44.2%, oklch(57.35% 0.0851 32.18) 45.3%, oklch(58.41% 0.0856 32.84) 46.3%, oklch(59.46% 0.0860 33.50) 47.4%, oklch(60.49% 0.0864 34.17) 48.4%, oklch(61.49% 0.0867 34.82) 49.5%, oklch(62.47% 0.0870 35.46) 50.5%, oklch(63.40% 0.0873 36.09) 51.6%, oklch(64.30% 0.0875 36.69) 52.6%, oklch(65.14% 0.0876 37.28) 53.7%, oklch(65.92% 0.0877 37.83) 54.7%, oklch(66.65% 0.0877 38.35) 55.8%, oklch(67.30% 0.0877 38.84) 56.8%, oklch(67.88% 0.0876 39.28) 57.9%, oklch(68.37% 0.0874 39.68) 58.9%, oklch(68.78% 0.0872 40.03) 60.0%, oklch(69.09% 0.0869 40.32) 61.1%, oklch(69.31% 0.0865 40.56) 62.1%, oklch(69.41% 0.0861 40.74) 63.2%, oklch(69.40% 0.0856 40.85) 64.2%, oklch(69.27% 0.0850 40.89) 65.3%, oklch(69.01% 0.0843 40.85) 66.3%, oklch(68.61% 0.0835 40.74) 67.4%, oklch(68.04% 0.0826 40.53) 68.4%, oklch(67.31% 0.0815 40.24) 69.5%, oklch(66.42% 0.0803 39.88) 70.5%, oklch(65.39% 0.0789 39.44) 71.6%, oklch(64.23% 0.0774 38.93) 72.6%, oklch(62.95% 0.0758 38.36) 73.7%, oklch(61.56% 0.0741 37.73) 74.7%, oklch(60.07% 0.0723 37.06) 75.8%, oklch(58.50% 0.0704 36.33) 76.8%, oklch(56.84% 0.0684 35.57) 77.9%, oklch(55.12% 0.0664 34.77) 78.9%, oklch(53.34% 0.0643 33.94) 80.0%, oklch(51.52% 0.0622 33.09) 81.1%, oklch(49.66% 0.0601 32.21) 82.1%, oklch(47.78% 0.0580 31.33) 83.2%, oklch(45.89% 0.0558 30.43) 84.2%, oklch(43.99% 0.0537 29.54) 85.3%, oklch(42.10% 0.0516 28.64) 86.3%, oklch(40.23% 0.0495 27.75) 87.4%, oklch(38.40% 0.0474 26.88) 88.4%, oklch(36.60% 0.0454 26.03) 89.5%, oklch(34.85% 0.0434 25.19) 90.5%, oklch(33.17% 0.0415 24.39) 91.6%, oklch(31.56% 0.0397 23.63) 92.6%, oklch(30.03% 0.0380 22.90) 93.7%, oklch(28.60% 0.0364 22.22) 94.7%, oklch(27.27% 0.0349 21.59) 95.8%, oklch(26.06% 0.0336 21.02) 96.8%, oklch(24.97% 0.0323 20.50) 97.9%, oklch(24.03% 0.0312 20.06) 98.9%, oklch(23.23% 0.0303 19.69) 100.0%);

In these collections

Desktop wallpaper gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works