# Analogous beige, orange and red radial swatches

Analogous beige, orange and red radial swatches with 32 colors: #fff2c9, #fef0c2, #fdedbb, #fbebb2, #f9e8a9, #f6e49e, #f3e093, #f1dc87, #eed87b, #ecd26f, #eacd64, #e9c65a, #e8be50, #e8b547, #e7ac3f, #e6a23a, #e49738, #e18e38, #de8439, #da7b3b, #d5733c, #d06c3d, #cb663d, #c55f3d, #be593c, #b8533b, #b14e3a, #ab4939, #a54538, #a04137, #9c3e36, #983b35. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU9ClB669AFIzOk9Lj2g`
- Page: https://grabient.com/kU9ClB669AFIzOk9Lj2g?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#fff2c9` | `oklch(96.06% 0.0547 92.12)` | Silent Ivory | black, 18.7 to 1 |
| 2 | `#fef0c2` | `oklch(95.45% 0.0609 92.38)` | Crown Point Cream | black, 18.4 to 1 |
| 3 | `#fdedbb` | `oklch(94.70% 0.0670 92.98)` | Sun-Kissed Sands | black, 18 to 1 |
| 4 | `#fbebb2` | `oklch(93.84% 0.0742 93.79)` | Easy on the Eyes | black, 17.5 to 1 |
| 5 | `#f9e8a9` | `oklch(92.87% 0.0823 94.67)` | Bleached Sunflower | black, 17 to 1 |
| 6 | `#f6e49e` | `oklch(91.80% 0.0909 95.49)` | Venetian Yellow | black, 16.5 to 1 |
| 7 | `#f3e093` | `oklch(90.63% 0.0996 96.11)` | Cheesy Frittata | black, 15.9 to 1 |
| 8 | `#f1dc87` | `oklch(89.37% 0.1080 96.39)` | Coco-Lemon Tart | black, 15.3 to 1 |
| 9 | `#eed87b` | `oklch(88.04% 0.1158 96.20)` | Sport Yellow | black, 14.7 to 1 |
| 10 | `#ecd26f` | `oklch(86.63% 0.1226 95.40)` | Funky Yellow | black, 14 to 1 |
| 11 | `#eacd64` | `oklch(85.15% 0.1281 93.87)` | Grand Casino Gold | black, 13.3 to 1 |
| 12 | `#e9c65a` | `oklch(83.59% 0.1320 91.41)` | Blonde Girl | black, 12.6 to 1 |
| 13 | `#e8be50` | `oklch(81.86% 0.1351 87.94)` | Blockchain Gold | black, 11.9 to 1 |
| 14 | `#e8b547` | `oklch(79.99% 0.1374 83.64)` | Honey Glow | black, 11.1 to 1 |
| 15 | `#e7ac3f` | `oklch(78.02% 0.1390 78.72)` | Tulip Tree | black, 10.3 to 1 |
| 16 | `#e6a23a` | `oklch(75.97% 0.1401 73.40)` | Gilded Leaves | black, 9.5 to 1 |
| 17 | `#e49738` | `oklch(73.88% 0.1407 67.87)` | Angel Shark | black, 8.8 to 1 |
| 18 | `#e18e38` | `oklch(71.78% 0.1410 62.35)` | Texas Longhorn | black, 8.1 to 1 |
| 19 | `#de8439` | `oklch(69.71% 0.1410 57.06)` | Sunlounge | black, 7.4 to 1 |
| 20 | `#da7b3b` | `oklch(67.70% 0.1409 52.19)` | Sweet Potato | black, 6.8 to 1 |
| 21 | `#d5733c` | `oklch(65.78% 0.1407 47.97)` | Field Poppy | black, 6.3 to 1 |
| 22 | `#d06c3d` | `oklch(63.97% 0.1405 44.56)` | Fresh Acorn | black, 5.9 to 1 |
| 23 | `#cb663d` | `oklch(62.14% 0.1399 41.62)` | Zōng Hóng Red | black, 5.4 to 1 |
| 24 | `#c55f3d` | `oklch(60.27% 0.1388 39.01)` | Civara | black, 5 to 1 |
| 25 | `#be593c` | `oklch(58.39% 0.1375 36.69)` | Tartare | black, 4.6 to 1 |
| 26 | `#b8533b` | `oklch(56.54% 0.1358 34.65)` | Hot Chilli | white, 4.8 to 1 |
| 27 | `#b14e3a` | `oklch(54.75% 0.1340 32.84)` | Spiced Up | white, 5.2 to 1 |
| 28 | `#ab4939` | `oklch(53.07% 0.1322 31.26)` | Rambutan | white, 5.6 to 1 |
| 29 | `#a54538` | `oklch(51.52% 0.1305 29.87)` | Red Revival | white, 5.9 to 1 |
| 30 | `#a04137` | `oklch(50.14% 0.1289 28.64)` | Rusty Heart | white, 6.3 to 1 |
| 31 | `#9c3e36` | `oklch(48.96% 0.1277 27.56)` | Barrel Sponge | white, 6.6 to 1 |
| 32 | `#983b35` | `oklch(48.03% 0.1268 26.59)` | Vermilion Seabass | white, 6.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff2c9 0.000% 3.125%, #fef0c2 3.125% 6.250%, #fdedbb 6.250% 9.375%, #fbebb2 9.375% 12.500%, #f9e8a9 12.500% 15.625%, #f6e49e 15.625% 18.750%, #f3e093 18.750% 21.875%, #f1dc87 21.875% 25.000%, #eed87b 25.000% 28.125%, #ecd26f 28.125% 31.250%, #eacd64 31.250% 34.375%, #e9c65a 34.375% 37.500%, #e8be50 37.500% 40.625%, #e8b547 40.625% 43.750%, #e7ac3f 43.750% 46.875%, #e6a23a 46.875% 50.000%, #e49738 50.000% 53.125%, #e18e38 53.125% 56.250%, #de8439 56.250% 59.375%, #da7b3b 59.375% 62.500%, #d5733c 62.500% 65.625%, #d06c3d 65.625% 68.750%, #cb663d 68.750% 71.875%, #c55f3d 71.875% 75.000%, #be593c 75.000% 78.125%, #b8533b 78.125% 81.250%, #b14e3a 81.250% 84.375%, #ab4939 84.375% 87.500%, #a54538 87.500% 90.625%, #a04137 90.625% 93.750%, #9c3e36 93.750% 96.875%, #983b35 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.06% 0.0547 92.12) 0.000% 3.125%, oklch(95.45% 0.0609 92.38) 3.125% 6.250%, oklch(94.70% 0.0670 92.98) 6.250% 9.375%, oklch(93.84% 0.0742 93.79) 9.375% 12.500%, oklch(92.87% 0.0823 94.67) 12.500% 15.625%, oklch(91.80% 0.0909 95.49) 15.625% 18.750%, oklch(90.63% 0.0996 96.11) 18.750% 21.875%, oklch(89.37% 0.1080 96.39) 21.875% 25.000%, oklch(88.04% 0.1158 96.20) 25.000% 28.125%, oklch(86.63% 0.1226 95.40) 28.125% 31.250%, oklch(85.15% 0.1281 93.87) 31.250% 34.375%, oklch(83.59% 0.1320 91.41) 34.375% 37.500%, oklch(81.86% 0.1351 87.94) 37.500% 40.625%, oklch(79.99% 0.1374 83.64) 40.625% 43.750%, oklch(78.02% 0.1390 78.72) 43.750% 46.875%, oklch(75.97% 0.1401 73.40) 46.875% 50.000%, oklch(73.88% 0.1407 67.87) 50.000% 53.125%, oklch(71.78% 0.1410 62.35) 53.125% 56.250%, oklch(69.71% 0.1410 57.06) 56.250% 59.375%, oklch(67.70% 0.1409 52.19) 59.375% 62.500%, oklch(65.78% 0.1407 47.97) 62.500% 65.625%, oklch(63.97% 0.1405 44.56) 65.625% 68.750%, oklch(62.14% 0.1399 41.62) 68.750% 71.875%, oklch(60.27% 0.1388 39.01) 71.875% 75.000%, oklch(58.39% 0.1375 36.69) 75.000% 78.125%, oklch(56.54% 0.1358 34.65) 78.125% 81.250%, oklch(54.75% 0.1340 32.84) 81.250% 84.375%, oklch(53.07% 0.1322 31.26) 84.375% 87.500%, oklch(51.52% 0.1305 29.87) 87.500% 90.625%, oklch(50.14% 0.1289 28.64) 90.625% 93.750%, oklch(48.96% 0.1277 27.56) 93.750% 96.875%, oklch(48.03% 0.1268 26.59) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.056 | 92.1 |
| 2 | 0.846 | 0.13 | 93.2 |
| 3 | 0.646 | 0.141 | 45.6 |
| 4 | 0.48 | 0.127 | 26.6 |

## In these collections

- [Warm gradients](https://grabient.com/warm-gradients)

## Other forms

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