# Cocoa and terracotta angular wallpaper

Dark cocoa brown travels through muted reddish brown into warm terracotta and dusty peach, then returns through shaded rust to its original dark color. The finely sampled angular gradient feels warm and grounded. This palette suits desktop wallpapers, earthy digital backgrounds, autumn workspace themes, and understated editorial presentation covers.

- Also called: Seamless warm brown and salmon angular gradient
- Seed: `kUOxYOOxxAteewadiz1g`
- Page: https://grabient.com/kUOxYOOxxAteewadiz1g?style=angularGradient&steps=96&angle=315
- Drawn as: angular gradient, 96 steps, 315 degrees
- Kinds: light center, muted, warm, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#2a1818` | `oklch(23.23% 0.0303 19.69)` | Tetsu-Guro Black | white, 16.9 to 1 |
| 2 | `#2c1818` | `oklch(23.62% 0.0311 19.79)` | Darkroom | white, 16.7 to 1 |
| 3 | `#2d1919` | `oklch(24.05% 0.0321 19.90)` | Darkroom | white, 16.5 to 1 |
| 4 | `#2f1a1a` | `oklch(24.53% 0.0331 20.01)` | Darkroom | white, 16.3 to 1 |
| 5 | `#301b1b` | `oklch(25.05% 0.0343 20.12)` | Black Kite | white, 16.1 to 1 |
| 6 | `#321c1c` | `oklch(25.60% 0.0355 20.24)` | Black Kite | white, 15.9 to 1 |
| 7 | `#341d1d` | `oklch(26.20% 0.0369 20.37)` | Black Kite | white, 15.6 to 1 |
| 8 | `#371e1e` | `oklch(26.82% 0.0383 20.50)` | Black Kite | white, 15.3 to 1 |
| 9 | `#391f1f` | `oklch(27.48% 0.0398 20.64)` | Warm Balaclavas Are Forever | white, 15 to 1 |
| 10 | `#3b2120` | `oklch(28.16% 0.0414 20.78)` | Warm Balaclavas Are Forever | white, 14.7 to 1 |
| 11 | `#3e2222` | `oklch(28.87% 0.0430 20.93)` | Temptress | white, 14.4 to 1 |
| 12 | `#412323` | `oklch(29.61% 0.0447 21.09)` | Nisemurasaki Purple | white, 14 to 1 |
| 13 | `#432524` | `oklch(30.37% 0.0464 21.25)` | Polished Mahogany | white, 13.7 to 1 |
| 14 | `#462626` | `oklch(31.15% 0.0482 21.42)` | New Bulgarian Rose | white, 13.3 to 1 |
| 15 | `#492827` | `oklch(31.94% 0.0500 21.59)` | Rookwood Dark Red | white, 12.9 to 1 |
| 16 | `#4c2a29` | `oklch(32.75% 0.0518 21.78)` | Rookwood Dark Red | white, 12.6 to 1 |
| 17 | `#4f2b2a` | `oklch(33.58% 0.0536 21.97)` | Heath | white, 12.2 to 1 |
| 18 | `#522d2c` | `oklch(34.41% 0.0554 22.16)` | Purple Kite | white, 11.8 to 1 |
| 19 | `#552f2d` | `oklch(35.26% 0.0573 22.37)` | Bratwurst | white, 11.4 to 1 |
| 20 | `#59302f` | `oklch(36.11% 0.0591 22.58)` | Bratwurst | white, 11.1 to 1 |
| 21 | `#5c3230` | `oklch(36.96% 0.0608 22.80)` | Redwood | white, 10.7 to 1 |
| 22 | `#5f3432` | `oklch(37.82% 0.0626 23.03)` | Rampant Rhubarb | white, 10.3 to 1 |
| 23 | `#623634` | `oklch(38.67% 0.0643 23.26)` | Andorra | white, 10 to 1 |
| 24 | `#653735` | `oklch(39.52% 0.0660 23.51)` | Andorra | white, 9.7 to 1 |
| 25 | `#693937` | `oklch(40.37% 0.0676 23.76)` | Hot Chocolate | white, 9.3 to 1 |
| 26 | `#6c3b38` | `oklch(41.21% 0.0691 24.03)` | Murray Red | white, 9 to 1 |
| 27 | `#6f3d3a` | `oklch(42.04% 0.0706 24.30)` | Single Origin | white, 8.7 to 1 |
| 28 | `#723f3b` | `oklch(42.86% 0.0720 24.58)` | Single Origin | white, 8.4 to 1 |
| 29 | `#75413d` | `oklch(43.67% 0.0733 24.87)` | Red Clay Hill | white, 8.1 to 1 |
| 30 | `#78433e` | `oklch(44.45% 0.0745 25.17)` | Rocky Mountain Red | white, 7.9 to 1 |
| 31 | `#7b4440` | `oklch(45.22% 0.0756 25.49)` | Sweet Spiceberry | white, 7.6 to 1 |
| 32 | `#7d4641` | `oklch(45.97% 0.0766 25.81)` | Sweet Spiceberry | white, 7.4 to 1 |
| 33 | `#804843` | `oklch(46.70% 0.0774 26.14)` | Sly Fox | white, 7.1 to 1 |
| 34 | `#834a44` | `oklch(47.47% 0.0783 26.52)` | Deco Red | white, 6.9 to 1 |
| 35 | `#864c46` | `oklch(48.31% 0.0791 26.94)` | Richardson Brick | white, 6.7 to 1 |
| 36 | `#894e48` | `oklch(49.19% 0.0799 27.41)` | Rudraksha Beads | white, 6.4 to 1 |
| 37 | `#8c5149` | `oklch(50.12% 0.0806 27.91)` | Ragin’ Cajun | white, 6.2 to 1 |
| 38 | `#8f534b` | `oklch(51.09% 0.0814 28.45)` | Cogswell Cedar | white, 5.9 to 1 |
| 39 | `#93564d` | `oklch(52.09% 0.0821 29.02)` | Rich Brocade | white, 5.7 to 1 |
| 40 | `#965950` | `oklch(53.11% 0.0827 29.62)` | Copper Mining | white, 5.4 to 1 |
| 41 | `#9a5c52` | `oklch(54.16% 0.0834 30.23)` | Spicy Cayenne | white, 5.2 to 1 |
| 42 | `#9d5f54` | `oklch(55.22% 0.0840 30.87)` | Copper Brown | white, 4.9 to 1 |
| 43 | `#a16256` | `oklch(56.28% 0.0845 31.52)` | Savannah Red | white, 4.7 to 1 |
| 44 | `#a46558` | `oklch(57.35% 0.0851 32.18)` | Sun Baked Earth | black, 4.5 to 1 |
| 45 | `#a8685a` | `oklch(58.41% 0.0856 32.84)` | Brick Dust | black, 4.8 to 1 |
| 46 | `#ac6b5d` | `oklch(59.46% 0.0860 33.50)` | Bantam Egg | black, 5 to 1 |
| 47 | `#af6e5f` | `oklch(60.49% 0.0864 34.17)` | Terra Cotta Urn | black, 5.2 to 1 |
| 48 | `#b27161` | `oklch(61.49% 0.0867 34.82)` | Pinkish Brown | black, 5.4 to 1 |
| 49 | `#b67463` | `oklch(62.47% 0.0870 35.46)` | Vin Cuit | black, 5.6 to 1 |
| 50 | `#b97765` | `oklch(63.40% 0.0873 36.09)` | Döner Kebab | black, 5.8 to 1 |
| 51 | `#bc7a67` | `oklch(64.30% 0.0875 36.69)` | Faneuil Brick | black, 6 to 1 |
| 52 | `#be7c69` | `oklch(65.14% 0.0876 37.28)` | Faneuil Brick | black, 6.3 to 1 |
| 53 | `#c17f6b` | `oklch(65.92% 0.0877 37.83)` | Kitchen Terra Cotta | black, 6.5 to 1 |
| 54 | `#c3816c` | `oklch(66.65% 0.0877 38.35)` | Earthworm | black, 6.6 to 1 |
| 55 | `#c5836e` | `oklch(67.30% 0.0877 38.84)` | Earthworm | black, 6.8 to 1 |
| 56 | `#c7856f` | `oklch(67.88% 0.0876 39.28)` | Secluded Canyon | black, 7 to 1 |
| 57 | `#c88770` | `oklch(68.37% 0.0874 39.68)` | Secluded Canyon | black, 7.1 to 1 |
| 58 | `#ca8871` | `oklch(68.78% 0.0872 40.03)` | Secluded Canyon | black, 7.2 to 1 |
| 59 | `#ca8972` | `oklch(69.09% 0.0869 40.32)` | Subdued Sienna | black, 7.3 to 1 |
| 60 | `#cb8a73` | `oklch(69.31% 0.0865 40.56)` | Rosy Copper | black, 7.4 to 1 |
| 61 | `#cb8b73` | `oklch(69.41% 0.0861 40.74)` | Sociable | black, 7.4 to 1 |
| 62 | `#cb8b73` | `oklch(69.40% 0.0856 40.85)` | Sociable | black, 7.4 to 1 |
| 63 | `#ca8a73` | `oklch(69.27% 0.0850 40.89)` | Subdued Sienna | black, 7.4 to 1 |
| 64 | `#c98a73` | `oklch(69.01% 0.0843 40.85)` | Yum Raw Spam | black, 7.3 to 1 |
| 65 | `#c78972` | `oklch(68.61% 0.0835 40.74)` | Secluded Canyon | black, 7.2 to 1 |
| 66 | `#c58771` | `oklch(68.04% 0.0826 40.53)` | Secluded Canyon | black, 7 to 1 |
| 67 | `#c28570` | `oklch(67.31% 0.0815 40.24)` | Ginger Rose | black, 6.8 to 1 |
| 68 | `#be836e` | `oklch(66.42% 0.0803 39.88)` | Kitchen Terra Cotta | black, 6.6 to 1 |
| 69 | `#bb806c` | `oklch(65.39% 0.0789 39.44)` | Western Pink | black, 6.3 to 1 |
| 70 | `#b67d6a` | `oklch(64.23% 0.0774 38.93)` | Brick Fence | black, 6.1 to 1 |
| 71 | `#b17967` | `oklch(62.95% 0.0758 38.36)` | Happy Trails | black, 5.8 to 1 |
| 72 | `#ac7565` | `oklch(61.56% 0.0741 37.73)` | Pajarito Red | black, 5.5 to 1 |
| 73 | `#a77162` | `oklch(60.07% 0.0723 37.06)` | Blast-Off Bronze | black, 5.1 to 1 |
| 74 | `#a16d5e` | `oklch(58.50% 0.0704 36.33)` | Honey Maple | black, 4.8 to 1 |
| 75 | `#9b685b` | `oklch(56.84% 0.0684 35.57)` | Western Red | white, 4.6 to 1 |
| 76 | `#946458` | `oklch(55.12% 0.0664 34.77)` | Stormy Plum | white, 4.9 to 1 |
| 77 | `#8e5f54` | `oklch(53.34% 0.0643 33.94)` | Bold Brick | white, 5.3 to 1 |
| 78 | `#885a50` | `oklch(51.52% 0.0622 33.09)` | Carob Brown | white, 5.7 to 1 |
| 79 | `#81564d` | `oklch(49.66% 0.0601 32.21)` | Root Beer | white, 6.2 to 1 |
| 80 | `#7a5149` | `oklch(47.78% 0.0580 31.33)` | Ancho Pepper | white, 6.7 to 1 |
| 81 | `#744c45` | `oklch(45.89% 0.0558 30.43)` | Minotaur Red | white, 7.3 to 1 |
| 82 | `#6d4741` | `oklch(43.99% 0.0537 29.54)` | Warm Mahogany | white, 7.9 to 1 |
| 83 | `#67433d` | `oklch(42.10% 0.0516 28.64)` | Autumn Fall | white, 8.6 to 1 |
| 84 | `#603e39` | `oklch(40.23% 0.0495 27.75)` | Otis Madeira | white, 9.3 to 1 |
| 85 | `#5a3a36` | `oklch(38.40% 0.0474 26.88)` | Taxite | white, 10 to 1 |
| 86 | `#543532` | `oklch(36.60% 0.0454 26.03)` | American Mahogany | white, 10.8 to 1 |
| 87 | `#4f312f` | `oklch(34.85% 0.0434 25.19)` | Espresso | white, 11.5 to 1 |
| 88 | `#492d2b` | `oklch(33.17% 0.0415 24.39)` | Brown Coffee | white, 12.3 to 1 |
| 89 | `#442a28` | `oklch(31.56% 0.0397 23.63)` | Polished Mahogany | white, 13.1 to 1 |
| 90 | `#3f2625` | `oklch(30.03% 0.0380 22.90)` | Ethereal Espresso | white, 13.8 to 1 |
| 91 | `#3b2322` | `oklch(28.60% 0.0364 22.22)` | Temptress | white, 14.5 to 1 |
| 92 | `#36201f` | `oklch(27.27% 0.0349 21.59)` | Black Kite | white, 15.1 to 1 |
| 93 | `#331e1d` | `oklch(26.06% 0.0336 21.02)` | Black Kite | white, 15.6 to 1 |
| 94 | `#2f1b1b` | `oklch(24.97% 0.0323 20.50)` | Black Kite | white, 16.1 to 1 |
| 95 | `#2d1919` | `oklch(24.03% 0.0312 20.06)` | Darkroom | white, 16.6 to 1 |
| 96 | `#2a1818` | `oklch(23.23% 0.0303 19.69)` | Tetsu-Guro Black | white, 16.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #2a1818 0.0%, #2c1818 1.1%, #2d1919 2.1%, #2f1a1a 3.2%, #301b1b 4.2%, #321c1c 5.3%, #341d1d 6.3%, #371e1e 7.4%, #391f1f 8.4%, #3b2120 9.5%, #3e2222 10.5%, #412323 11.6%, #432524 12.6%, #462626 13.7%, #492827 14.7%, #4c2a29 15.8%, #4f2b2a 16.8%, #522d2c 17.9%, #552f2d 18.9%, #59302f 20.0%, #5c3230 21.1%, #5f3432 22.1%, #623634 23.2%, #653735 24.2%, #693937 25.3%, #6c3b38 26.3%, #6f3d3a 27.4%, #723f3b 28.4%, #75413d 29.5%, #78433e 30.5%, #7b4440 31.6%, #7d4641 32.6%, #804843 33.7%, #834a44 34.7%, #864c46 35.8%, #894e48 36.8%, #8c5149 37.9%, #8f534b 38.9%, #93564d 40.0%, #965950 41.1%, #9a5c52 42.1%, #9d5f54 43.2%, #a16256 44.2%, #a46558 45.3%, #a8685a 46.3%, #ac6b5d 47.4%, #af6e5f 48.4%, #b27161 49.5%, #b67463 50.5%, #b97765 51.6%, #bc7a67 52.6%, #be7c69 53.7%, #c17f6b 54.7%, #c3816c 55.8%, #c5836e 56.8%, #c7856f 57.9%, #c88770 58.9%, #ca8871 60.0%, #ca8972 61.1%, #cb8a73 62.1%, #cb8b73 63.2%, #cb8b73 64.2%, #ca8a73 65.3%, #c98a73 66.3%, #c78972 67.4%, #c58771 68.4%, #c28570 69.5%, #be836e 70.5%, #bb806c 71.6%, #b67d6a 72.6%, #b17967 73.7%, #ac7565 74.7%, #a77162 75.8%, #a16d5e 76.8%, #9b685b 77.9%, #946458 78.9%, #8e5f54 80.0%, #885a50 81.1%, #81564d 82.1%, #7a5149 83.2%, #744c45 84.2%, #6d4741 85.3%, #67433d 86.3%, #603e39 87.4%, #5a3a36 88.4%, #543532 89.5%, #4f312f 90.5%, #492d2b 91.6%, #442a28 92.6%, #3f2625 93.7%, #3b2322 94.7%, #36201f 95.8%, #331e1d 96.8%, #2f1b1b 97.9%, #2d1919 98.9%, #2a1818 100.0%);
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%);
```

## Keyframes

4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.03 | 19.7 |
| 2 | 0.465 | 0.077 | 26 |
| 3 | 0.689 | 0.084 | 40.8 |
| 4 | 0.232 | 0.03 | 19.7 |

## In these collections

- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

- [JSON](https://grabient.com/kUOxYOOxxAteewadiz1g.json?style=angularGradient&steps=96&angle=315)
- [PNG](https://grabient.com/kUOxYOOxxAteewadiz1g.png?style=angularGradient&steps=96&angle=315)
- [SVG](https://grabient.com/kUOxYOOxxAteewadiz1g.svg?style=angularGradient&steps=96&angle=315)
- [CSS](https://grabient.com/kUOxYOOxxAteewadiz1g.css?style=angularGradient&steps=96&angle=315)
- [ASE](https://grabient.com/kUOxYOOxxAteewadiz1g.ase?style=angularGradient&steps=96&angle=315)
- [GPL](https://grabient.com/kUOxYOOxxAteewadiz1g.gpl?style=angularGradient&steps=96&angle=315)
- [GRD](https://grabient.com/kUOxYOOxxAteewadiz1g.grd?style=angularGradient&steps=96&angle=315)
- [Design tokens](https://grabient.com/kUOxYOOxxAteewadiz1g.tokens.json?style=angularGradient&steps=96&angle=315)
- [Social card](https://grabient.com/api/og?seed=kUOxYOOxxAteewadiz1g&style=angularGradient&steps=96&angle=315)
- [Palettes like this one](https://grabient.com/palettes?q=kUOxYOOxxAteewadiz1g)
- [Guide for agents](https://grabient.com/llms.txt)