# Orange tonal rings

Monochrome tan and brown radial gradient with 64 colors: #d1a963, #d0a761, #cfa560, #cea25e, #cd9f5c, #cb9c5a, #c99858, #c79455, #c59153, #c38d51, #c1894f, #bf854d, #bc814b, #ba7e49, #b87a48, #b67747, #b47546, #b37246, #b27145, #b16f45, #b06f45, #b06f46, #b16f47, #b27048, #b3724a, #b5754c, #b7784e, #b97b51, #bc7f54, #bf8357, #c1875b, #c48b5e, #c79062, #ca9465, #cd9969, #d09d6d, #d3a170, #d5a573, #d7a876, #d9ab78, #dbae7a, #dcb07b, #dcb17c, #ddb27c, #dcb27c, #dcb27b, #dbb17a, #dab178, #d9af76, #d8ae74, #d6ac71, #d5ab6f, #d3a96c, #d1a769, #cfa566, #cda362, #cba15f, #ca9f5c, #c89d5a, #c69b57, #c59a54, #c49852, #c39751, #c2964f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome tan and brown radial gradient
- Seed: `kUwEk5TKS8mQfQlZJcCg`
- Page: https://grabient.com/kUwEk5TKS8mQfQlZJcCg?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#d1a963` | `oklch(75.59% 0.1006 80.16)` | Ginger Crunch | black, 9.5 to 1 |
| 2 | `#d0a761` | `oklch(75.15% 0.1006 79.36)` | Burnside | black, 9.4 to 1 |
| 3 | `#cfa560` | `oklch(74.59% 0.1007 78.35)` | Caribou Herd | black, 9.2 to 1 |
| 4 | `#cea25e` | `oklch(73.91% 0.1007 77.15)` | Caribou Herd | black, 8.9 to 1 |
| 5 | `#cd9f5c` | `oklch(73.13% 0.1008 75.79)` | Sunrise Heat | black, 8.7 to 1 |
| 6 | `#cb9c5a` | `oklch(72.26% 0.1009 74.28)` | Liddell | black, 8.4 to 1 |
| 7 | `#c99858` | `oklch(71.34% 0.1010 72.67)` | Amber Glass | black, 8.1 to 1 |
| 8 | `#c79455` | `oklch(70.36% 0.1012 70.96)` | Honey Yellow | black, 7.8 to 1 |
| 9 | `#c59153` | `oklch(69.34% 0.1013 69.19)` | Caramel Crumb | black, 7.5 to 1 |
| 10 | `#c38d51` | `oklch(68.31% 0.1014 67.37)` | Caramel Macchiato | black, 7.2 to 1 |
| 11 | `#c1894f` | `oklch(67.27% 0.1015 65.55)` | Toffee Tart | black, 6.9 to 1 |
| 12 | `#bf854d` | `oklch(66.25% 0.1016 63.73)` | Rookwood Amber | black, 6.6 to 1 |
| 13 | `#bc814b` | `oklch(65.25% 0.1017 61.95)` | Arrakis Spice | black, 6.3 to 1 |
| 14 | `#ba7e49` | `oklch(64.30% 0.1017 60.23)` | Okonomiyaki Brown | black, 6.1 to 1 |
| 15 | `#b87a48` | `oklch(63.41% 0.1017 58.59)` | Palomino | black, 5.9 to 1 |
| 16 | `#b67747` | `oklch(62.60% 0.1017 57.06)` | Palomino | black, 5.7 to 1 |
| 17 | `#b47546` | `oklch(61.88% 0.1016 55.67)` | Copper Mine | black, 5.5 to 1 |
| 18 | `#b37246` | `oklch(61.27% 0.1015 54.44)` | Burnt Almond | black, 5.4 to 1 |
| 19 | `#b27145` | `oklch(60.79% 0.1014 53.40)` | Burnt Almond | black, 5.3 to 1 |
| 20 | `#b16f45` | `oklch(60.44% 0.1012 52.56)` | Burnt Almond | black, 5.2 to 1 |
| 21 | `#b06f45` | `oklch(60.25% 0.1009 51.96)` | Pale Cordovan | black, 5.1 to 1 |
| 22 | `#b06f46` | `oklch(60.24% 0.1006 51.62)` | Pale Cordovan | black, 5.1 to 1 |
| 23 | `#b16f47` | `oklch(60.42% 0.1002 51.55)` | Not yet Caramel | black, 5.2 to 1 |
| 24 | `#b27048` | `oklch(60.79% 0.0996 51.70)` | Not yet Caramel | black, 5.3 to 1 |
| 25 | `#b3724a` | `oklch(61.34% 0.0989 52.06)` | Burnt Almond | black, 5.4 to 1 |
| 26 | `#b5754c` | `oklch(62.05% 0.0982 52.62)` | Baked Bean | black, 5.5 to 1 |
| 27 | `#b7784e` | `oklch(62.89% 0.0973 53.34)` | Copper Mine | black, 5.7 to 1 |
| 28 | `#b97b51` | `oklch(63.85% 0.0964 54.22)` | Cattle Drive | black, 6 to 1 |
| 29 | `#bc7f54` | `oklch(64.90% 0.0954 55.22)` | Limonite | black, 6.2 to 1 |
| 30 | `#bf8357` | `oklch(66.03% 0.0944 56.34)` | Fall Foliage | black, 6.5 to 1 |
| 31 | `#c1875b` | `oklch(67.22% 0.0934 57.55)` | Peace of Mind | black, 6.9 to 1 |
| 32 | `#c48b5e` | `oklch(68.45% 0.0924 58.83)` | Espresso Tonic | black, 7.2 to 1 |
| 33 | `#c79062` | `oklch(69.69% 0.0914 60.15)` | Butterum | black, 7.6 to 1 |
| 34 | `#ca9465` | `oklch(70.93% 0.0904 61.51)` | Santa Fe Sunrise | black, 7.9 to 1 |
| 35 | `#cd9969` | `oklch(72.15% 0.0895 62.87)` | Glazed Pecan | black, 8.3 to 1 |
| 36 | `#d09d6d` | `oklch(73.33% 0.0886 64.23)` | White Oak | black, 8.7 to 1 |
| 37 | `#d3a170` | `oklch(74.45% 0.0878 65.55)` | Muntok White Pepper | black, 9 to 1 |
| 38 | `#d5a573` | `oklch(75.48% 0.0871 66.82)` | Japanese Yew | black, 9.4 to 1 |
| 39 | `#d7a876` | `oklch(76.41% 0.0865 68.02)` | Fresh Nectar | black, 9.7 to 1 |
| 40 | `#d9ab78` | `oklch(77.23% 0.0860 69.13)` | Sweet Cashew | black, 10 to 1 |
| 41 | `#dbae7a` | `oklch(77.90% 0.0856 70.13)` | Bonfire Toffee | black, 10.3 to 1 |
| 42 | `#dcb07b` | `oklch(78.41% 0.0855 70.99)` | Boudin | black, 10.5 to 1 |
| 43 | `#dcb17c` | `oklch(78.74% 0.0854 71.70)` | Boudin | black, 10.6 to 1 |
| 44 | `#ddb27c` | `oklch(78.91% 0.0856 72.31)` | Boudin | black, 10.7 to 1 |
| 45 | `#dcb27c` | `oklch(78.94% 0.0859 72.87)` | Boudin | black, 10.7 to 1 |
| 46 | `#dcb27b` | `oklch(78.85% 0.0864 73.38)` | Boudin | black, 10.6 to 1 |
| 47 | `#dbb17a` | `oklch(78.66% 0.0870 73.86)` | Boudin | black, 10.6 to 1 |
| 48 | `#dab178` | `oklch(78.37% 0.0878 74.30)` | Mustard Field | black, 10.5 to 1 |
| 49 | `#d9af76` | `oklch(77.99% 0.0887 74.70)` | Mustard Field | black, 10.3 to 1 |
| 50 | `#d8ae74` | `oklch(77.54% 0.0896 75.07)` | Inheritance | black, 10.2 to 1 |
| 51 | `#d6ac71` | `oklch(77.03% 0.0906 75.41)` | Gobi Sand | black, 10 to 1 |
| 52 | `#d5ab6f` | `oklch(76.47% 0.0917 75.71)` | Gobi Sand | black, 9.8 to 1 |
| 53 | `#d3a96c` | `oklch(75.88% 0.0929 76.00)` | Artemis | black, 9.6 to 1 |
| 54 | `#d1a769` | `oklch(75.25% 0.0940 76.25)` | Campground | black, 9.4 to 1 |
| 55 | `#cfa566` | `oklch(74.61% 0.0952 76.49)` | Campground | black, 9.2 to 1 |
| 56 | `#cda362` | `oklch(73.97% 0.0963 76.71)` | Workbench | black, 8.9 to 1 |
| 57 | `#cba15f` | `oklch(73.33% 0.0975 76.91)` | Sunrise Heat | black, 8.7 to 1 |
| 58 | `#ca9f5c` | `oklch(72.71% 0.0986 77.09)` | Warm Leather | black, 8.5 to 1 |
| 59 | `#c89d5a` | `oklch(72.13% 0.0996 77.27)` | Liddell | black, 8.4 to 1 |
| 60 | `#c69b57` | `oklch(71.59% 0.1006 77.43)` | Borderline | black, 8.2 to 1 |
| 61 | `#c59a54` | `oklch(71.10% 0.1014 77.59)` | Aztec Gold | black, 8 to 1 |
| 62 | `#c49852` | `oklch(70.68% 0.1022 77.74)` | Aztec Gold | black, 7.9 to 1 |
| 63 | `#c39751` | `oklch(70.33% 0.1028 77.89)` | Where Buffalo Roam | black, 7.8 to 1 |
| 64 | `#c2964f` | `oklch(70.08% 0.1033 78.04)` | Amber Gold | black, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d1a963 0.0%, #d0a761 1.6%, #cfa560 3.2%, #cea25e 4.8%, #cd9f5c 6.3%, #cb9c5a 7.9%, #c99858 9.5%, #c79455 11.1%, #c59153 12.7%, #c38d51 14.3%, #c1894f 15.9%, #bf854d 17.5%, #bc814b 19.0%, #ba7e49 20.6%, #b87a48 22.2%, #b67747 23.8%, #b47546 25.4%, #b37246 27.0%, #b27145 28.6%, #b16f45 30.2%, #b06f45 31.7%, #b06f46 33.3%, #b16f47 34.9%, #b27048 36.5%, #b3724a 38.1%, #b5754c 39.7%, #b7784e 41.3%, #b97b51 42.9%, #bc7f54 44.4%, #bf8357 46.0%, #c1875b 47.6%, #c48b5e 49.2%, #c79062 50.8%, #ca9465 52.4%, #cd9969 54.0%, #d09d6d 55.6%, #d3a170 57.1%, #d5a573 58.7%, #d7a876 60.3%, #d9ab78 61.9%, #dbae7a 63.5%, #dcb07b 65.1%, #dcb17c 66.7%, #ddb27c 68.3%, #dcb27c 69.8%, #dcb27b 71.4%, #dbb17a 73.0%, #dab178 74.6%, #d9af76 76.2%, #d8ae74 77.8%, #d6ac71 79.4%, #d5ab6f 81.0%, #d3a96c 82.5%, #d1a769 84.1%, #cfa566 85.7%, #cda362 87.3%, #cba15f 88.9%, #ca9f5c 90.5%, #c89d5a 92.1%, #c69b57 93.7%, #c59a54 95.2%, #c49852 96.8%, #c39751 98.4%, #c2964f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(75.59% 0.1006 80.16) 0.0%, oklch(75.15% 0.1006 79.36) 1.6%, oklch(74.59% 0.1007 78.35) 3.2%, oklch(73.91% 0.1007 77.15) 4.8%, oklch(73.13% 0.1008 75.79) 6.3%, oklch(72.26% 0.1009 74.28) 7.9%, oklch(71.34% 0.1010 72.67) 9.5%, oklch(70.36% 0.1012 70.96) 11.1%, oklch(69.34% 0.1013 69.19) 12.7%, oklch(68.31% 0.1014 67.37) 14.3%, oklch(67.27% 0.1015 65.55) 15.9%, oklch(66.25% 0.1016 63.73) 17.5%, oklch(65.25% 0.1017 61.95) 19.0%, oklch(64.30% 0.1017 60.23) 20.6%, oklch(63.41% 0.1017 58.59) 22.2%, oklch(62.60% 0.1017 57.06) 23.8%, oklch(61.88% 0.1016 55.67) 25.4%, oklch(61.27% 0.1015 54.44) 27.0%, oklch(60.79% 0.1014 53.40) 28.6%, oklch(60.44% 0.1012 52.56) 30.2%, oklch(60.25% 0.1009 51.96) 31.7%, oklch(60.24% 0.1006 51.62) 33.3%, oklch(60.42% 0.1002 51.55) 34.9%, oklch(60.79% 0.0996 51.70) 36.5%, oklch(61.34% 0.0989 52.06) 38.1%, oklch(62.05% 0.0982 52.62) 39.7%, oklch(62.89% 0.0973 53.34) 41.3%, oklch(63.85% 0.0964 54.22) 42.9%, oklch(64.90% 0.0954 55.22) 44.4%, oklch(66.03% 0.0944 56.34) 46.0%, oklch(67.22% 0.0934 57.55) 47.6%, oklch(68.45% 0.0924 58.83) 49.2%, oklch(69.69% 0.0914 60.15) 50.8%, oklch(70.93% 0.0904 61.51) 52.4%, oklch(72.15% 0.0895 62.87) 54.0%, oklch(73.33% 0.0886 64.23) 55.6%, oklch(74.45% 0.0878 65.55) 57.1%, oklch(75.48% 0.0871 66.82) 58.7%, oklch(76.41% 0.0865 68.02) 60.3%, oklch(77.23% 0.0860 69.13) 61.9%, oklch(77.90% 0.0856 70.13) 63.5%, oklch(78.41% 0.0855 70.99) 65.1%, oklch(78.74% 0.0854 71.70) 66.7%, oklch(78.91% 0.0856 72.31) 68.3%, oklch(78.94% 0.0859 72.87) 69.8%, oklch(78.85% 0.0864 73.38) 71.4%, oklch(78.66% 0.0870 73.86) 73.0%, oklch(78.37% 0.0878 74.30) 74.6%, oklch(77.99% 0.0887 74.70) 76.2%, oklch(77.54% 0.0896 75.07) 77.8%, oklch(77.03% 0.0906 75.41) 79.4%, oklch(76.47% 0.0917 75.71) 81.0%, oklch(75.88% 0.0929 76.00) 82.5%, oklch(75.25% 0.0940 76.25) 84.1%, oklch(74.61% 0.0952 76.49) 85.7%, oklch(73.97% 0.0963 76.71) 87.3%, oklch(73.33% 0.0975 76.91) 88.9%, oklch(72.71% 0.0986 77.09) 90.5%, oklch(72.13% 0.0996 77.27) 92.1%, oklch(71.59% 0.1006 77.43) 93.7%, oklch(71.10% 0.1014 77.59) 95.2%, oklch(70.68% 0.1022 77.74) 96.8%, oklch(70.33% 0.1028 77.89) 98.4%, oklch(70.08% 0.1033 78.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.101 | 80.2 |
| 2 | 0.602 | 0.101 | 51.6 |
| 3 | 0.787 | 0.085 | 71.7 |
| 4 | 0.701 | 0.103 | 78 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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