# Vivid tan, orange and maroon radial swatches

Vivid tan, orange and maroon radial swatches with 32 colors: #ffd289, #fecf86, #fdca81, #fcc57b, #fbc075, #faba6f, #f9b469, #f7ad63, #f6a85e, #f4a159, #f39b54, #f2954f, #f08e4b, #ee8848, #eb8145, #e87b43, #e57541, #e06f40, #dc693e, #d7643d, #d25f3c, #cc5a3c, #c7553c, #c0503d, #b94c3f, #b14842, #a84544, #9f4247, #964048, #8e3e49, #873c49, #823b49. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW4Us4ZS6-Fe3vdItb5OSQ9Q`
- Page: https://grabient.com/kW4Us4ZS6-Fe3vdItb5OSQ9Q?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: light to dark, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 | `#ffd289` | `oklch(88.58% 0.1033 78.75)` | Honey Bird | black, 14.7 to 1 |
| 2 | `#fecf86` | `oklch(87.87% 0.1053 77.50)` | Equatorial | black, 14.4 to 1 |
| 3 | `#fdca81` | `oklch(86.93% 0.1080 75.84)` | Orange Glass | black, 13.9 to 1 |
| 4 | `#fcc57b` | `oklch(85.81% 0.1111 73.86)` | Uldum Beige | black, 13.4 to 1 |
| 5 | `#fbc075` | `oklch(84.56% 0.1146 71.66)` | Zing | black, 12.8 to 1 |
| 6 | `#faba6f` | `oklch(83.22% 0.1183 69.32)` | Halcyon Days | black, 12.2 to 1 |
| 7 | `#f9b469` | `oklch(81.86% 0.1221 66.93)` | Ripe Cantaloupe | black, 11.7 to 1 |
| 8 | `#f7ad63` | `oklch(80.50% 0.1256 64.58)` | Blazing Autumn | black, 11.1 to 1 |
| 9 | `#f6a85e` | `oklch(79.21% 0.1290 62.35)` | Candied Yams | black, 10.6 to 1 |
| 10 | `#f4a159` | `oklch(77.92% 0.1325 60.07)` | Sandy Brown | black, 10.1 to 1 |
| 11 | `#f39b54` | `oklch(76.59% 0.1363 57.71)` | Fading Torch | black, 9.6 to 1 |
| 12 | `#f2954f` | `oklch(75.24% 0.1401 55.30)` | Toucan | black, 9.1 to 1 |
| 13 | `#f08e4b` | `oklch(73.87% 0.1438 52.88)` | Melon Orange | black, 8.6 to 1 |
| 14 | `#ee8848` | `oklch(72.47% 0.1472 50.49)` | Zodiac Constellation | black, 8.2 to 1 |
| 15 | `#eb8145` | `oklch(71.05% 0.1501 48.18)` | Muskmelon | black, 7.7 to 1 |
| 16 | `#e87b43` | `oklch(69.62% 0.1522 45.98)` | Salsa Sizzle | black, 7.3 to 1 |
| 17 | `#e57541` | `oklch(68.17% 0.1535 43.94)` | Camel Red | black, 6.9 to 1 |
| 18 | `#e06f40` | `oklch(66.69% 0.1544 42.14)` | Knockout Orange | black, 6.5 to 1 |
| 19 | `#dc693e` | `oklch(65.19% 0.1549 40.49)` | Bonfire Night | black, 6.1 to 1 |
| 20 | `#d7643d` | `oklch(63.67% 0.1549 38.92)` | Flint Corn Red | black, 5.7 to 1 |
| 21 | `#d25f3c` | `oklch(62.13% 0.1543 37.34)` | Sweet Mandarin | black, 5.4 to 1 |
| 22 | `#cc5a3c` | `oklch(60.58% 0.1531 35.68)` | Grand Duke | black, 5 to 1 |
| 23 | `#c7553c` | `oklch(59.03% 0.1511 33.85)` | Cinnamon Stone | black, 4.7 to 1 |
| 24 | `#c0503d` | `oklch(57.47% 0.1483 31.76)` | Sweet Baby Rose | white, 4.6 to 1 |
| 25 | `#b94c3f` | `oklch(55.87% 0.1443 29.29)` | Conker | white, 5 to 1 |
| 26 | `#b14842` | `oklch(54.12% 0.1385 26.32)` | Teaberry Blossom | white, 5.3 to 1 |
| 27 | `#a84544` | `oklch(52.29% 0.1315 23.04)` | Daredevil | white, 5.8 to 1 |
| 28 | `#9f4247` | `oklch(50.47% 0.1239 19.66)` | Charleston Cherry | white, 6.2 to 1 |
| 29 | `#964048` | `oklch(48.74% 0.1163 16.37)` | Classic Cherry | white, 6.7 to 1 |
| 30 | `#8e3e49` | `oklch(47.17% 0.1093 13.36)` | Luscious | white, 7.1 to 1 |
| 31 | `#873c49` | `oklch(45.86% 0.1034 10.84)` | Burnt Russet | white, 7.5 to 1 |
| 32 | `#823b49` | `oklch(44.88% 0.0992 9.00)` | Camelot | white, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffd289 0.000% 3.125%, #fecf86 3.125% 6.250%, #fdca81 6.250% 9.375%, #fcc57b 9.375% 12.500%, #fbc075 12.500% 15.625%, #faba6f 15.625% 18.750%, #f9b469 18.750% 21.875%, #f7ad63 21.875% 25.000%, #f6a85e 25.000% 28.125%, #f4a159 28.125% 31.250%, #f39b54 31.250% 34.375%, #f2954f 34.375% 37.500%, #f08e4b 37.500% 40.625%, #ee8848 40.625% 43.750%, #eb8145 43.750% 46.875%, #e87b43 46.875% 50.000%, #e57541 50.000% 53.125%, #e06f40 53.125% 56.250%, #dc693e 56.250% 59.375%, #d7643d 59.375% 62.500%, #d25f3c 62.500% 65.625%, #cc5a3c 65.625% 68.750%, #c7553c 68.750% 71.875%, #c0503d 71.875% 75.000%, #b94c3f 75.000% 78.125%, #b14842 78.125% 81.250%, #a84544 81.250% 84.375%, #9f4247 84.375% 87.500%, #964048 87.500% 90.625%, #8e3e49 90.625% 93.750%, #873c49 93.750% 96.875%, #823b49 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.58% 0.1033 78.75) 0.000% 3.125%, oklch(87.87% 0.1053 77.50) 3.125% 6.250%, oklch(86.93% 0.1080 75.84) 6.250% 9.375%, oklch(85.81% 0.1111 73.86) 9.375% 12.500%, oklch(84.56% 0.1146 71.66) 12.500% 15.625%, oklch(83.22% 0.1183 69.32) 15.625% 18.750%, oklch(81.86% 0.1221 66.93) 18.750% 21.875%, oklch(80.50% 0.1256 64.58) 21.875% 25.000%, oklch(79.21% 0.1290 62.35) 25.000% 28.125%, oklch(77.92% 0.1325 60.07) 28.125% 31.250%, oklch(76.59% 0.1363 57.71) 31.250% 34.375%, oklch(75.24% 0.1401 55.30) 34.375% 37.500%, oklch(73.87% 0.1438 52.88) 37.500% 40.625%, oklch(72.47% 0.1472 50.49) 40.625% 43.750%, oklch(71.05% 0.1501 48.18) 43.750% 46.875%, oklch(69.62% 0.1522 45.98) 46.875% 50.000%, oklch(68.17% 0.1535 43.94) 50.000% 53.125%, oklch(66.69% 0.1544 42.14) 53.125% 56.250%, oklch(65.19% 0.1549 40.49) 56.250% 59.375%, oklch(63.67% 0.1549 38.92) 59.375% 62.500%, oklch(62.13% 0.1543 37.34) 62.500% 65.625%, oklch(60.58% 0.1531 35.68) 65.625% 68.750%, oklch(59.03% 0.1511 33.85) 68.750% 71.875%, oklch(57.47% 0.1483 31.76) 71.875% 75.000%, oklch(55.87% 0.1443 29.29) 75.000% 78.125%, oklch(54.12% 0.1385 26.32) 78.125% 81.250%, oklch(52.29% 0.1315 23.04) 81.250% 84.375%, oklch(50.47% 0.1239 19.66) 84.375% 87.500%, oklch(48.74% 0.1163 16.37) 87.500% 90.625%, oklch(47.17% 0.1093 13.36) 90.625% 93.750%, oklch(45.86% 0.1034 10.84) 93.750% 96.875%, oklch(44.88% 0.0992 9.00) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.103 | 78.8 |
| 2 | 0.795 | 0.128 | 62.9 |
| 3 | 0.689 | 0.153 | 44.9 |
| 4 | 0.571 | 0.147 | 31.2 |
| 5 | 0.449 | 0.099 | 9 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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