# Terracotta violet rain on sandstone

The Terracotta violet rain on sandstone brings together orange, light orange, light purple, light blue, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Tan, pink, lavender and blue radial gradient
- Seed: `kWuE8z7ZK8e0QtHaHLwPRW9Q`
- Page: https://grabient.com/kWuE8z7ZK8e0QtHaHLwPRW9Q?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light center, pastel, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#d09b54` | `oklch(72.44% 0.1089 72.42)` | Saffron Strands | black, 8.4 to 1 |
| 2 | `#d39e5d` | `oklch(73.65% 0.1038 70.54)` | Honey Beehive | black, 8.8 to 1 |
| 3 | `#d8a46a` | `oklch(75.37% 0.0967 68.56)` | Western Sunrise | black, 9.4 to 1 |
| 4 | `#dcab78` | `oklch(77.42% 0.0883 66.23)` | Sweet Cashew | black, 10.1 to 1 |
| 5 | `#e1b287` | `oklch(79.63% 0.0791 63.30)` | Soft Skills | black, 10.9 to 1 |
| 6 | `#e6b996` | `oklch(81.82% 0.0700 59.53)` | Gentle Doe | black, 11.7 to 1 |
| 7 | `#ebc0a4` | `oklch(83.80% 0.0617 54.68)` | Madrid Beige | black, 12.5 to 1 |
| 8 | `#eec5b0` | `oklch(85.39% 0.0548 48.49)` | Fatty Sashimi | black, 13.2 to 1 |
| 9 | `#f0c8ba` | `oklch(86.43% 0.0500 40.69)` | Baked Ham | black, 13.7 to 1 |
| 10 | `#f2cac3` | `oklch(87.12% 0.0467 30.29)` | Sonia Rose | black, 14 to 1 |
| 11 | `#f2cbcb` | `oklch(87.58% 0.0444 17.62)` | Blushing Senorita | black, 14.1 to 1 |
| 12 | `#f1ccd4` | `oklch(87.80% 0.0430 3.55)` | Milkshake Pink | black, 14.2 to 1 |
| 13 | `#edccdb` | `oklch(87.79% 0.0424 348.92)` | LA Vibes | black, 14.2 to 1 |
| 14 | `#e8cce1` | `oklch(87.53% 0.0425 334.59)` | Sweety Pie | black, 14.1 to 1 |
| 15 | `#e2cce6` | `oklch(87.03% 0.0433 321.39)` | Pouf of Pink | black, 13.9 to 1 |
| 16 | `#dbcae8` | `oklch(86.29% 0.0446 310.20)` | Syrian Violet | black, 13.6 to 1 |
| 17 | `#d4c8e9` | `oklch(85.29% 0.0466 301.66)` | Foggy Love | black, 13.2 to 1 |
| 18 | `#ccc5e8` | `oklch(83.97% 0.0502 295.05)` | Italian Fitch | black, 12.6 to 1 |
| 19 | `#c4c0e7` | `oklch(82.36% 0.0551 289.90)` | Violet Gems | black, 12 to 1 |
| 20 | `#bbbae6` | `oklch(80.50% 0.0607 285.85)` | Pretty Posie | black, 11.3 to 1 |
| 21 | `#b2b4e3` | `oklch(78.44% 0.0664 282.55)` | Beloved | black, 10.5 to 1 |
| 22 | `#a8addf` | `oklch(76.22% 0.0716 279.66)` | Maximum Blue Purple | black, 9.7 to 1 |
| 23 | `#9ea7db` | `oklch(73.88% 0.0758 276.83)` | Sorbet Ice Mauve | black, 8.9 to 1 |
| 24 | `#93a0d4` | `oklch(71.48% 0.0782 273.72)` | Azureno | black, 8.2 to 1 |
| 25 | `#8899cc` | `oklch(68.87% 0.0787 270.19)` | Easter Egg | black, 7.4 to 1 |
| 26 | `#7c91c2` | `oklch(65.79% 0.0773 266.69)` | Steel Blue Eyes | black, 6.6 to 1 |
| 27 | `#7087b5` | `oklch(62.42% 0.0748 263.30)` | Kimono | black, 5.8 to 1 |
| 28 | `#647ea8` | `oklch(58.94% 0.0714 260.09)` | Miracle Elixir | black, 5 to 1 |
| 29 | `#5a759b` | `oklch(55.57% 0.0677 257.15)` | Quiet Harbour | white, 4.7 to 1 |
| 30 | `#516c8f` | `oklch(52.50% 0.0642 254.55)` | Wickford Bay | white, 5.3 to 1 |
| 31 | `#496585` | `oklch(49.92% 0.0612 252.36)` | French Mirage Blue | white, 6 to 1 |
| 32 | `#44607e` | `oklch(48.03% 0.0593 250.66)` | Parlour Blue | white, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d09b54 0.0%, #d39e5d 3.2%, #d8a46a 6.5%, #dcab78 9.7%, #e1b287 12.9%, #e6b996 16.1%, #ebc0a4 19.4%, #eec5b0 22.6%, #f0c8ba 25.8%, #f2cac3 29.0%, #f2cbcb 32.3%, #f1ccd4 35.5%, #edccdb 38.7%, #e8cce1 41.9%, #e2cce6 45.2%, #dbcae8 48.4%, #d4c8e9 51.6%, #ccc5e8 54.8%, #c4c0e7 58.1%, #bbbae6 61.3%, #b2b4e3 64.5%, #a8addf 67.7%, #9ea7db 71.0%, #93a0d4 74.2%, #8899cc 77.4%, #7c91c2 80.6%, #7087b5 83.9%, #647ea8 87.1%, #5a759b 90.3%, #516c8f 93.5%, #496585 96.8%, #44607e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.44% 0.1089 72.42) 0.0%, oklch(73.65% 0.1038 70.54) 3.2%, oklch(75.37% 0.0967 68.56) 6.5%, oklch(77.42% 0.0883 66.23) 9.7%, oklch(79.63% 0.0791 63.30) 12.9%, oklch(81.82% 0.0700 59.53) 16.1%, oklch(83.80% 0.0617 54.68) 19.4%, oklch(85.39% 0.0548 48.49) 22.6%, oklch(86.43% 0.0500 40.69) 25.8%, oklch(87.12% 0.0467 30.29) 29.0%, oklch(87.58% 0.0444 17.62) 32.3%, oklch(87.80% 0.0430 3.55) 35.5%, oklch(87.79% 0.0424 348.92) 38.7%, oklch(87.53% 0.0425 334.59) 41.9%, oklch(87.03% 0.0433 321.39) 45.2%, oklch(86.29% 0.0446 310.20) 48.4%, oklch(85.29% 0.0466 301.66) 51.6%, oklch(83.97% 0.0502 295.05) 54.8%, oklch(82.36% 0.0551 289.90) 58.1%, oklch(80.50% 0.0607 285.85) 61.3%, oklch(78.44% 0.0664 282.55) 64.5%, oklch(76.22% 0.0716 279.66) 67.7%, oklch(73.88% 0.0758 276.83) 71.0%, oklch(71.48% 0.0782 273.72) 74.2%, oklch(68.87% 0.0787 270.19) 77.4%, oklch(65.79% 0.0773 266.69) 80.6%, oklch(62.42% 0.0748 263.30) 83.9%, oklch(58.94% 0.0714 260.09) 87.1%, oklch(55.57% 0.0677 257.15) 90.3%, oklch(52.50% 0.0642 254.55) 93.5%, oklch(49.92% 0.0612 252.36) 96.8%, oklch(48.03% 0.0593 250.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.109 | 72.4 |
| 2 | 0.862 | 0.051 | 42.8 |
| 3 | 0.858 | 0.045 | -54.4 |
| 4 | 0.709 | 0.079 | -87.1 |
| 5 | 0.48 | 0.059 | -109.3 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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