# Marigold Teal Toy Halo

A small coral-red center opens into orange and broad marigold yellow, then cools through green into teal at the edge. The target-like progression is sunny, playful, and clean. It suits vintage toy store graphics or cheerful children’s event posters that need a strong central glow with an unmistakable retro color story.

- Also called: Vivid red, orange, yellow and teal radial gradient
- Seed: `kUmYcNYzXGW64Q5Inc4g`
- Page: https://grabient.com/kUmYcNYzXGW64Q5Inc4g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3 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 | `#d94354` | `oklch(60.24% 0.1860 18.28)` | Celestial Coral | black, 4.8 to 1 |
| 2 | `#dc4951` | `oklch(61.29% 0.1836 21.47)` | Re-Entry | black, 5.1 to 1 |
| 3 | `#e0504c` | `oklch(62.68% 0.1803 25.67)` | Red Arremer | black, 5.4 to 1 |
| 4 | `#e45a46` | `oklch(64.34% 0.1763 30.68)` | Tiger Lily | black, 5.8 to 1 |
| 5 | `#e86440` | `oklch(66.20% 0.1718 36.29)` | Teri-Gaki Persimmon | black, 6.3 to 1 |
| 6 | `#eb6f3a` | `oklch(68.19% 0.1671 42.29)` | Lava Lamp | black, 6.8 to 1 |
| 7 | `#ed7b36` | `oklch(70.23% 0.1624 48.47)` | Orange Crush | black, 7.5 to 1 |
| 8 | `#ef8633` | `oklch(72.25% 0.1579 54.61)` | Kid’s Stuff | black, 8.1 to 1 |
| 9 | `#f09133` | `oklch(74.19% 0.1538 60.52)` | Furry Lion | black, 8.8 to 1 |
| 10 | `#f09b35` | `oklch(75.96% 0.1505 65.97)` | Amber Glow | black, 9.4 to 1 |
| 11 | `#f0a437` | `oklch(77.50% 0.1480 70.76)` | Acorn Squash | black, 10 to 1 |
| 12 | `#f1ab3a` | `oklch(78.86% 0.1468 74.63)` | Whisky Sour | black, 10.5 to 1 |
| 13 | `#f3b13e` | `oklch(80.33% 0.1468 77.46)` | Dairy Made | black, 11.1 to 1 |
| 14 | `#f6b740` | `oklch(81.87% 0.1480 79.52)` | Squash Blossom | black, 11.7 to 1 |
| 15 | `#fabd43` | `oklch(83.39% 0.1498 81.12)` | Samoan Sun | black, 12.4 to 1 |
| 16 | `#fec344` | `oklch(84.81% 0.1519 82.57)` | Nârenji Orange | black, 13 to 1 |
| 17 | `#ffc84c` | `oklch(86.05% 0.1497 84.19)` | Chunky Bee | black, 13.6 to 1 |
| 18 | `#ffcd52` | `oklch(87.02% 0.1476 86.26)` | Canary Diamond | black, 14 to 1 |
| 19 | `#ffd04b` | `oklch(87.65% 0.1542 89.11)` | Flame Yellow | black, 14.4 to 1 |
| 20 | `#fbd447` | `oklch(87.85% 0.1573 93.04)` | Daisy | black, 14.5 to 1 |
| 21 | `#f1d74a` | `oklch(87.54% 0.1561 98.35)` | Banana Drama | black, 14.5 to 1 |
| 22 | `#e2d851` | `oklch(86.62% 0.1531 105.41)` | Kowloon | black, 14.1 to 1 |
| 23 | `#cbd85d` | `oklch(84.84% 0.1483 114.84)` | Citrus Delight | black, 13.5 to 1 |
| 24 | `#aed66b` | `oklch(82.30% 0.1418 126.32)` | Melissa | black, 12.5 to 1 |
| 25 | `#8dd07b` | `oklch(79.19% 0.1341 139.28)` | Fluorescence | black, 11.4 to 1 |
| 26 | `#6bc78a` | `oklch(75.69% 0.1256 153.14)` | Clover Mist | black, 10.1 to 1 |
| 27 | `#4dbc96` | `oklch(71.99% 0.1168 167.34)` | Expressionism Green | black, 8.9 to 1 |
| 28 | `#36af9d` | `oklch(68.28% 0.1079 181.29)` | Waterfall | black, 7.7 to 1 |
| 29 | `#2ca1a1` | `oklch(64.75% 0.0996 194.44)` | Ducati | black, 6.7 to 1 |
| 30 | `#2e94a0` | `oklch(61.58% 0.0920 206.20)` | Aqua Lake | black, 5.8 to 1 |
| 31 | `#348a9e` | `oklch(58.97% 0.0858 216.01)` | Waikiki | black, 5.2 to 1 |
| 32 | `#39829b` | `oklch(57.09% 0.0813 223.29)` | Dirty Blue | black, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d94354 0.0%, #dc4951 3.2%, #e0504c 6.5%, #e45a46 9.7%, #e86440 12.9%, #eb6f3a 16.1%, #ed7b36 19.4%, #ef8633 22.6%, #f09133 25.8%, #f09b35 29.0%, #f0a437 32.3%, #f1ab3a 35.5%, #f3b13e 38.7%, #f6b740 41.9%, #fabd43 45.2%, #fec344 48.4%, #ffc84c 51.6%, #ffcd52 54.8%, #ffd04b 58.1%, #fbd447 61.3%, #f1d74a 64.5%, #e2d851 67.7%, #cbd85d 71.0%, #aed66b 74.2%, #8dd07b 77.4%, #6bc78a 80.6%, #4dbc96 83.9%, #36af9d 87.1%, #2ca1a1 90.3%, #2e94a0 93.5%, #348a9e 96.8%, #39829b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.24% 0.1860 18.28) 0.0%, oklch(61.29% 0.1836 21.47) 3.2%, oklch(62.68% 0.1803 25.67) 6.5%, oklch(64.34% 0.1763 30.68) 9.7%, oklch(66.20% 0.1718 36.29) 12.9%, oklch(68.19% 0.1671 42.29) 16.1%, oklch(70.23% 0.1624 48.47) 19.4%, oklch(72.25% 0.1579 54.61) 22.6%, oklch(74.19% 0.1538 60.52) 25.8%, oklch(75.96% 0.1505 65.97) 29.0%, oklch(77.50% 0.1480 70.76) 32.3%, oklch(78.86% 0.1468 74.63) 35.5%, oklch(80.33% 0.1468 77.46) 38.7%, oklch(81.87% 0.1480 79.52) 41.9%, oklch(83.39% 0.1498 81.12) 45.2%, oklch(84.81% 0.1519 82.57) 48.4%, oklch(86.05% 0.1497 84.19) 51.6%, oklch(87.02% 0.1476 86.26) 54.8%, oklch(87.65% 0.1542 89.11) 58.1%, oklch(87.85% 0.1573 93.04) 61.3%, oklch(87.54% 0.1561 98.35) 64.5%, oklch(86.62% 0.1531 105.41) 67.7%, oklch(84.84% 0.1483 114.84) 71.0%, oklch(82.30% 0.1418 126.32) 74.2%, oklch(79.19% 0.1341 139.28) 77.4%, oklch(75.69% 0.1256 153.14) 80.6%, oklch(71.99% 0.1168 167.34) 83.9%, oklch(68.28% 0.1079 181.29) 87.1%, oklch(64.75% 0.0996 194.44) 90.3%, oklch(61.58% 0.0920 206.20) 93.5%, oklch(58.97% 0.0858 216.01) 96.8%, oklch(57.09% 0.0813 223.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.186 | 18.3 |
| 2 | 0.78 | 0.147 | 72.2 |
| 3 | 0.87 | 0.154 | 102.8 |
| 4 | 0.571 | 0.081 | 223.3 |

## In these collections

- [Throwback kid](https://grabient.com/throwback-kid)

## Other forms

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