# Analogous beige, salmon and brown radial swatches

Analogous beige, salmon and brown radial swatches with 40 colors: #e7d1ac, #e5cfaa, #e3cca7, #e0c8a4, #ddc5a1, #d9c09d, #d5bc99, #d2b795, #ceb391, #cbae8d, #c8aa89, #c5a685, #c3a281, #c29e7d, #c19b7a, #c19876, #c29573, #c49270, #c68f6d, #c78c6a, #c98968, #cb8666, #cd8265, #ce7f64, #cf7c63, #cf7962, #ce7661, #cc735f, #ca705d, #c86c5b, #c46959, #c16657, #be6354, #ba6152, #b65e4f, #b35c4d, #b0594b, #ad5749, #ab5647, #a95446. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU3Sg53Ba-FOqPFFqb-A`
- Page: https://grabient.com/kU3Sg53Ba-FOqPFFqb-A?style=radialSwatches&steps=40&angle=210
- Drawn as: radial swatches, 40 steps, 210 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#e7d1ac` | `oklch(87.01% 0.0551 80.86)` | Tuscan Bread | black, 14.1 to 1 |
| 2 | `#e5cfaa` | `oklch(86.34% 0.0553 80.20)` | Dried Plantain | black, 13.8 to 1 |
| 3 | `#e3cca7` | `oklch(85.49% 0.0553 79.44)` | Hearth | black, 13.4 to 1 |
| 4 | `#e0c8a4` | `oklch(84.48% 0.0553 78.59)` | Pita Bread | black, 13 to 1 |
| 5 | `#ddc5a1` | `oklch(83.34% 0.0552 77.64)` | Raffia | black, 12.5 to 1 |
| 6 | `#d9c09d` | `oklch(82.11% 0.0551 76.59)` | Golden Gate | black, 12 to 1 |
| 7 | `#d5bc99` | `oklch(80.81% 0.0552 75.45)` | Pony Tail | black, 11.4 to 1 |
| 8 | `#d2b795` | `oklch(79.47% 0.0553 74.22)` | Brown Hare | black, 10.9 to 1 |
| 9 | `#ceb391` | `oklch(78.13% 0.0556 72.90)` | Moraine | black, 10.4 to 1 |
| 10 | `#cbae8d` | `oklch(76.82% 0.0562 71.50)` | Spanish Sand | black, 9.9 to 1 |
| 11 | `#c8aa89` | `oklch(75.56% 0.0571 70.00)` | Semolina | black, 9.5 to 1 |
| 12 | `#c5a685` | `oklch(74.39% 0.0583 68.42)` | Latte | black, 9.1 to 1 |
| 13 | `#c3a281` | `oklch(73.34% 0.0599 66.76)` | Milano | black, 8.8 to 1 |
| 14 | `#c29e7d` | `oklch(72.44% 0.0620 65.01)` | Wickerwork | black, 8.5 to 1 |
| 15 | `#c19b7a` | `oklch(71.68% 0.0648 63.06)` | Copper Moon | black, 8.2 to 1 |
| 16 | `#c19876` | `oklch(71.02% 0.0682 60.83)` | Copper Moon | black, 8 to 1 |
| 17 | `#c29573` | `oklch(70.45% 0.0723 58.38)` | Warm Hearth | black, 7.8 to 1 |
| 18 | `#c49270` | `oklch(69.94% 0.0769 55.77)` | Texas Hills | black, 7.6 to 1 |
| 19 | `#c68f6d` | `oklch(69.49% 0.0818 53.05)` | Shiracha Brown | black, 7.5 to 1 |
| 20 | `#c78c6a` | `oklch(69.07% 0.0868 50.28)` | Hitching Post | black, 7.3 to 1 |
| 21 | `#c98968` | `oklch(68.68% 0.0919 47.52)` | Escalope | black, 7.2 to 1 |
| 22 | `#cb8666` | `oklch(68.28% 0.0970 44.82)` | Escalope | black, 7.1 to 1 |
| 23 | `#cd8265` | `oklch(67.87% 0.1017 42.25)` | Burning Sand | black, 6.9 to 1 |
| 24 | `#ce7f64` | `oklch(67.43% 0.1062 39.86)` | Burning Sand | black, 6.8 to 1 |
| 25 | `#cf7c63` | `oklch(66.94% 0.1100 37.71)` | Silithus Brown | black, 6.7 to 1 |
| 26 | `#cf7962` | `oklch(66.38% 0.1133 35.86)` | Terra Orange | black, 6.5 to 1 |
| 27 | `#ce7661` | `oklch(65.75% 0.1157 34.36)` | Terra Orange | black, 6.3 to 1 |
| 28 | `#cc735f` | `oklch(65.01% 0.1174 33.21)` | Terra Orange | black, 6.1 to 1 |
| 29 | `#ca705d` | `oklch(64.18% 0.1186 32.33)` | Dash of Curry | black, 5.9 to 1 |
| 30 | `#c86c5b` | `oklch(63.27% 0.1192 31.69)` | Langoustino | black, 5.7 to 1 |
| 31 | `#c46959` | `oklch(62.31% 0.1193 31.26)` | Sedona Canyon | black, 5.5 to 1 |
| 32 | `#c16657` | `oklch(61.32% 0.1192 31.00)` | Apricot Brandy | black, 5.3 to 1 |
| 33 | `#be6354` | `oklch(60.32% 0.1187 30.88)` | Too Hot to Handle | black, 5.1 to 1 |
| 34 | `#ba6152` | `oklch(59.32% 0.1181 30.87)` | Too Hot to Handle | black, 4.9 to 1 |
| 35 | `#b65e4f` | `oklch(58.36% 0.1173 30.93)` | Ginger Spice | black, 4.7 to 1 |
| 36 | `#b35c4d` | `oklch(57.45% 0.1165 31.03)` | Ant Red | white, 4.6 to 1 |
| 37 | `#b0594b` | `oklch(56.60% 0.1157 31.14)` | Tibetan Orange | white, 4.7 to 1 |
| 38 | `#ad5749` | `oklch(55.86% 0.1151 31.23)` | Tibetan Orange | white, 4.9 to 1 |
| 39 | `#ab5647` | `oklch(55.22% 0.1146 31.26)` | Cherry Blink | white, 5 to 1 |
| 40 | `#a95446` | `oklch(54.72% 0.1144 31.19)` | Portsmouth Spice | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e7d1ac 0.000% 2.500%, #e5cfaa 2.500% 5.000%, #e3cca7 5.000% 7.500%, #e0c8a4 7.500% 10.000%, #ddc5a1 10.000% 12.500%, #d9c09d 12.500% 15.000%, #d5bc99 15.000% 17.500%, #d2b795 17.500% 20.000%, #ceb391 20.000% 22.500%, #cbae8d 22.500% 25.000%, #c8aa89 25.000% 27.500%, #c5a685 27.500% 30.000%, #c3a281 30.000% 32.500%, #c29e7d 32.500% 35.000%, #c19b7a 35.000% 37.500%, #c19876 37.500% 40.000%, #c29573 40.000% 42.500%, #c49270 42.500% 45.000%, #c68f6d 45.000% 47.500%, #c78c6a 47.500% 50.000%, #c98968 50.000% 52.500%, #cb8666 52.500% 55.000%, #cd8265 55.000% 57.500%, #ce7f64 57.500% 60.000%, #cf7c63 60.000% 62.500%, #cf7962 62.500% 65.000%, #ce7661 65.000% 67.500%, #cc735f 67.500% 70.000%, #ca705d 70.000% 72.500%, #c86c5b 72.500% 75.000%, #c46959 75.000% 77.500%, #c16657 77.500% 80.000%, #be6354 80.000% 82.500%, #ba6152 82.500% 85.000%, #b65e4f 85.000% 87.500%, #b35c4d 87.500% 90.000%, #b0594b 90.000% 92.500%, #ad5749 92.500% 95.000%, #ab5647 95.000% 97.500%, #a95446 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.01% 0.0551 80.86) 0.000% 2.500%, oklch(86.34% 0.0553 80.20) 2.500% 5.000%, oklch(85.49% 0.0553 79.44) 5.000% 7.500%, oklch(84.48% 0.0553 78.59) 7.500% 10.000%, oklch(83.34% 0.0552 77.64) 10.000% 12.500%, oklch(82.11% 0.0551 76.59) 12.500% 15.000%, oklch(80.81% 0.0552 75.45) 15.000% 17.500%, oklch(79.47% 0.0553 74.22) 17.500% 20.000%, oklch(78.13% 0.0556 72.90) 20.000% 22.500%, oklch(76.82% 0.0562 71.50) 22.500% 25.000%, oklch(75.56% 0.0571 70.00) 25.000% 27.500%, oklch(74.39% 0.0583 68.42) 27.500% 30.000%, oklch(73.34% 0.0599 66.76) 30.000% 32.500%, oklch(72.44% 0.0620 65.01) 32.500% 35.000%, oklch(71.68% 0.0648 63.06) 35.000% 37.500%, oklch(71.02% 0.0682 60.83) 37.500% 40.000%, oklch(70.45% 0.0723 58.38) 40.000% 42.500%, oklch(69.94% 0.0769 55.77) 42.500% 45.000%, oklch(69.49% 0.0818 53.05) 45.000% 47.500%, oklch(69.07% 0.0868 50.28) 47.500% 50.000%, oklch(68.68% 0.0919 47.52) 50.000% 52.500%, oklch(68.28% 0.0970 44.82) 52.500% 55.000%, oklch(67.87% 0.1017 42.25) 55.000% 57.500%, oklch(67.43% 0.1062 39.86) 57.500% 60.000%, oklch(66.94% 0.1100 37.71) 60.000% 62.500%, oklch(66.38% 0.1133 35.86) 62.500% 65.000%, oklch(65.75% 0.1157 34.36) 65.000% 67.500%, oklch(65.01% 0.1174 33.21) 67.500% 70.000%, oklch(64.18% 0.1186 32.33) 70.000% 72.500%, oklch(63.27% 0.1192 31.69) 72.500% 75.000%, oklch(62.31% 0.1193 31.26) 75.000% 77.500%, oklch(61.32% 0.1192 31.00) 77.500% 80.000%, oklch(60.32% 0.1187 30.88) 80.000% 82.500%, oklch(59.32% 0.1181 30.87) 82.500% 85.000%, oklch(58.36% 0.1173 30.93) 85.000% 87.500%, oklch(57.45% 0.1165 31.03) 87.500% 90.000%, oklch(56.60% 0.1157 31.14) 90.000% 92.500%, oklch(55.86% 0.1151 31.23) 92.500% 95.000%, oklch(55.22% 0.1146 31.26) 95.000% 97.500%, oklch(54.72% 0.1144 31.19) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.055 | 80.9 |
| 2 | 0.724 | 0.062 | 65 |
| 3 | 0.657 | 0.116 | 34.4 |
| 4 | 0.547 | 0.114 | 31.2 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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