# Yellow, terracotta and indigo chrysanthemum tea porcelain

The Yellow, terracotta and indigo chrysanthemum tea porcelain brings together light yellow, gold, orange, red, magenta, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Tritone beige, orange and purple radial gradient
- Seed: `kY6UlObay9OCuvVRKLzxSE5cIuOS`
- Page: https://grabient.com/kY6UlObay9OCuvVRKLzxSE5cIuOS?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light to dark, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.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 | `#e8ea9b` | `oklch(91.73% 0.1006 109.69)` | Citrino | black, 16.6 to 1 |
| 2 | `#e9e796` | `oklch(91.21% 0.1031 107.25)` | Citrino | black, 16.3 to 1 |
| 3 | `#ebe48f` | `oklch(90.53% 0.1067 103.87)` | Yellow Iris | black, 16 to 1 |
| 4 | `#eedf86` | `oklch(89.71% 0.1108 99.87)` | Gold Grillz | black, 15.5 to 1 |
| 5 | `#f1da7e` | `oklch(88.75% 0.1151 95.55)` | Sandy | black, 15 to 1 |
| 6 | `#f3d476` | `oklch(87.67% 0.1191 91.22)` | Oriole Yellow | black, 14.4 to 1 |
| 7 | `#f5cd6f` | `oklch(86.47% 0.1222 87.18)` | Golden Churro | black, 13.8 to 1 |
| 8 | `#f5c768` | `oklch(85.15% 0.1243 83.55)` | Cornsilk Yellow | black, 13.2 to 1 |
| 9 | `#f4c063` | `oklch(83.65% 0.1261 80.01)` | Mirabelle Yellow | black, 12.5 to 1 |
| 10 | `#f3b95d` | `oklch(82.03% 0.1275 76.52)` | Crunch | black, 11.8 to 1 |
| 11 | `#f1b159` | `oklch(80.31% 0.1284 73.02)` | Deep Fried | black, 11.1 to 1 |
| 12 | `#eea955` | `oklch(78.52% 0.1287 69.45)` | Polished Gold | black, 10.4 to 1 |
| 13 | `#eba153` | `oklch(76.71% 0.1284 65.77)` | Doughnut | black, 9.7 to 1 |
| 14 | `#e79a52` | `oklch(74.87% 0.1274 62.04)` | Colorado Peach | black, 9.1 to 1 |
| 15 | `#e19251` | `oklch(72.91% 0.1256 58.66)` | Pumpkin Toast | black, 8.4 to 1 |
| 16 | `#db8b51` | `oklch(70.86% 0.1230 55.35)` | Apricot Tan | black, 7.8 to 1 |
| 17 | `#d58451` | `oklch(68.80% 0.1200 51.77)` | Seraphim Sepia | black, 7.2 to 1 |
| 18 | `#ce7d52` | `oklch(66.78% 0.1167 47.61)` | Apricot Buff | black, 6.6 to 1 |
| 19 | `#c87655` | `oklch(64.86% 0.1135 42.52)` | Spanish Peanut | black, 6.1 to 1 |
| 20 | `#c27059` | `oklch(63.08% 0.1103 36.18)` | Cajun Spice | black, 5.7 to 1 |
| 21 | `#bb6a5f` | `oklch(61.32% 0.1061 28.52)` | Hacienda Tile | black, 5.3 to 1 |
| 22 | `#b46566` | `oklch(59.60% 0.1013 19.86)` | Lasting Impression | black, 4.9 to 1 |
| 23 | `#ab616c` | `oklch(57.96% 0.0967 10.55)` | Marble Red | black, 4.6 to 1 |
| 24 | `#a25e73` | `oklch(56.47% 0.0929 0.93)` | Cosmetic Red | white, 4.7 to 1 |
| 25 | `#9a5b78` | `oklch(55.18% 0.0909 351.34)` | Rose Wine | white, 5 to 1 |
| 26 | `#93597e` | `oklch(54.15% 0.0913 342.10)` | Immortality | white, 5.2 to 1 |
| 27 | `#8d5785` | `oklch(53.39% 0.0949 332.16)` | Dewberry | white, 5.4 to 1 |
| 28 | `#86578e` | `oklch(52.87% 0.1009 321.52)` | Purple Fluorite | white, 5.5 to 1 |
| 29 | `#7e5798` | `oklch(52.53% 0.1083 310.93)` | Sonic Plum | white, 5.6 to 1 |
| 30 | `#7658a1` | `oklch(52.31% 0.1159 301.13)` | Sumire Violet | white, 5.7 to 1 |
| 31 | `#6d59a9` | `oklch(52.14% 0.1224 292.86)` | Prophet Violet | white, 5.7 to 1 |
| 32 | `#655bad` | `oklch(51.97% 0.1268 286.87)` | Blue Marguerite | white, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e8ea9b 0.0%, #e9e796 3.2%, #ebe48f 6.5%, #eedf86 9.7%, #f1da7e 12.9%, #f3d476 16.1%, #f5cd6f 19.4%, #f5c768 22.6%, #f4c063 25.8%, #f3b95d 29.0%, #f1b159 32.3%, #eea955 35.5%, #eba153 38.7%, #e79a52 41.9%, #e19251 45.2%, #db8b51 48.4%, #d58451 51.6%, #ce7d52 54.8%, #c87655 58.1%, #c27059 61.3%, #bb6a5f 64.5%, #b46566 67.7%, #ab616c 71.0%, #a25e73 74.2%, #9a5b78 77.4%, #93597e 80.6%, #8d5785 83.9%, #86578e 87.1%, #7e5798 90.3%, #7658a1 93.5%, #6d59a9 96.8%, #655bad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.1006 109.69) 0.0%, oklch(91.21% 0.1031 107.25) 3.2%, oklch(90.53% 0.1067 103.87) 6.5%, oklch(89.71% 0.1108 99.87) 9.7%, oklch(88.75% 0.1151 95.55) 12.9%, oklch(87.67% 0.1191 91.22) 16.1%, oklch(86.47% 0.1222 87.18) 19.4%, oklch(85.15% 0.1243 83.55) 22.6%, oklch(83.65% 0.1261 80.01) 25.8%, oklch(82.03% 0.1275 76.52) 29.0%, oklch(80.31% 0.1284 73.02) 32.3%, oklch(78.52% 0.1287 69.45) 35.5%, oklch(76.71% 0.1284 65.77) 38.7%, oklch(74.87% 0.1274 62.04) 41.9%, oklch(72.91% 0.1256 58.66) 45.2%, oklch(70.86% 0.1230 55.35) 48.4%, oklch(68.80% 0.1200 51.77) 51.6%, oklch(66.78% 0.1167 47.61) 54.8%, oklch(64.86% 0.1135 42.52) 58.1%, oklch(63.08% 0.1103 36.18) 61.3%, oklch(61.32% 0.1061 28.52) 64.5%, oklch(59.60% 0.1013 19.86) 67.7%, oklch(57.96% 0.0967 10.55) 71.0%, oklch(56.47% 0.0929 0.93) 74.2%, oklch(55.18% 0.0909 351.34) 77.4%, oklch(54.15% 0.0913 342.10) 80.6%, oklch(53.39% 0.0949 332.16) 83.9%, oklch(52.87% 0.1009 321.52) 87.1%, oklch(52.53% 0.1083 310.93) 90.3%, oklch(52.31% 0.1159 301.13) 93.5%, oklch(52.14% 0.1224 292.86) 96.8%, oklch(51.97% 0.1268 286.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.101 | 109.7 |
| 2 | 0.862 | 0.123 | 86.4 |
| 3 | 0.76 | 0.128 | 64.2 |
| 4 | 0.638 | 0.112 | 38.9 |
| 5 | 0.543 | 0.091 | -16.1 |
| 6 | 0.52 | 0.127 | -73.1 |

## In these collections

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

## Other forms

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