# Salmon, peach, teal and blue radial swatches

Salmon, peach, teal and blue radial swatches with 32 colors: #ff786b, #ff7c6c, #ff806e, #fe8670, #fe8c72, #fe9373, #ff9973, #ffa173, #ffab76, #ffb579, #ffbe7a, #ffc674, #f9ce6f, #edd371, #dad775, #c2d97d, #a6d989, #8bd795, #71d3a2, #5bcfad, #48cab5, #39c4bc, #2ebdc1, #27b6c4, #26aec6, #27a6c5, #289dc2, #2793bc, #2689b6, #2580af, #2478a9, #2473a5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYuXkT47BBu6sxXjqsk1ilF8Onws`
- Page: https://grabient.com/kYuXkT47BBu6sxXjqsk1ilF8Onws?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- 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 | `#ff786b` | `oklch(72.83% 0.1667 27.42)` | Salmon | black, 8.1 to 1 |
| 2 | `#ff7c6c` | `oklch(73.38% 0.1629 28.62)` | Hipster Salmon | black, 8.3 to 1 |
| 3 | `#ff806e` | `oklch(74.09% 0.1573 29.98)` | Smoked Salmon | black, 8.5 to 1 |
| 4 | `#fe8670` | `oklch(74.96% 0.1508 31.71)` | Miami Coral | black, 8.8 to 1 |
| 5 | `#fe8c72` | `oklch(75.93% 0.1441 34.02)` | Alexandria | black, 9.2 to 1 |
| 6 | `#fe9373` | `oklch(77.00% 0.1379 37.13)` | Alexandria | black, 9.6 to 1 |
| 7 | `#ff9973` | `oklch(78.12% 0.1330 41.25)` | Flash in the Pan | black, 10 to 1 |
| 8 | `#ffa173` | `oklch(79.43% 0.1276 46.44)` | Butternut | black, 10.5 to 1 |
| 9 | `#ffab76` | `oklch(81.15% 0.1209 52.45)` | Larch Bolete | black, 11.3 to 1 |
| 10 | `#ffb579` | `oklch(83.01% 0.1153 59.29)` | Isn’t It Just Peachy | black, 12.1 to 1 |
| 11 | `#ffbe7a` | `oklch(84.77% 0.1134 66.96)` | Nouveau-Riche | black, 12.9 to 1 |
| 12 | `#ffc674` | `oklch(86.16% 0.1194 75.45)` | Liquid Gold | black, 13.6 to 1 |
| 13 | `#f9ce6f` | `oklch(86.93% 0.1231 84.76)` | Bright Yarrow | black, 14 to 1 |
| 14 | `#edd371` | `oklch(86.86% 0.1219 95.15)` | Funky Yellow | black, 14.1 to 1 |
| 15 | `#dad775` | `oklch(86.05% 0.1209 107.32)` | Moist Gold | black, 13.9 to 1 |
| 16 | `#c2d97d` | `oklch(84.70% 0.1200 120.67)` | Pancotto Pugliese | black, 13.4 to 1 |
| 17 | `#a6d989` | `oklch(83.00% 0.1191 134.44)` | Feijoa | black, 12.8 to 1 |
| 18 | `#8bd795` | `oklch(81.15% 0.1183 147.90)` | May Apple | black, 12.2 to 1 |
| 19 | `#71d3a2` | `oklch(79.34% 0.1176 160.30)` | Crystal Gem | black, 11.5 to 1 |
| 20 | `#5bcfad` | `oklch(77.72% 0.1168 171.01)` | Simply Aqua | black, 10.9 to 1 |
| 21 | `#48cab5` | `oklch(76.16% 0.1161 180.75)` | Cockatoo | black, 10.3 to 1 |
| 22 | `#39c4bc` | `oklch(74.56% 0.1154 189.76)` | Swimmers Pool | black, 9.7 to 1 |
| 23 | `#2ebdc1` | `oklch(72.89% 0.1148 198.06)` | Maximum Blue Green | black, 9.1 to 1 |
| 24 | `#27b6c4` | `oklch(71.15% 0.1142 205.66)` | Lago Blue | black, 8.5 to 1 |
| 25 | `#26aec6` | `oklch(69.30% 0.1135 212.58)` | Havasupai Falls | black, 7.9 to 1 |
| 26 | `#27a6c5` | `oklch(67.30% 0.1129 218.83)` | True Sky Blue | black, 7.3 to 1 |
| 27 | `#289dc2` | `oklch(64.92% 0.1121 224.37)` | Major Blue | black, 6.6 to 1 |
| 28 | `#2793bc` | `oklch(62.25% 0.1114 229.20)` | Spa Dream | black, 5.9 to 1 |
| 29 | `#2689b6` | `oklch(59.50% 0.1106 233.34)` | Hidden Springs | black, 5.3 to 1 |
| 30 | `#2580af` | `oklch(56.91% 0.1099 236.83)` | Blue Bird Day | black, 4.7 to 1 |
| 31 | `#2478a9` | `oklch(54.72% 0.1093 239.69)` | Larimar Blue | white, 4.8 to 1 |
| 32 | `#2473a5` | `oklch(53.15% 0.1089 241.94)` | Quarterdeck | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ff786b 0.000% 3.125%, #ff7c6c 3.125% 6.250%, #ff806e 6.250% 9.375%, #fe8670 9.375% 12.500%, #fe8c72 12.500% 15.625%, #fe9373 15.625% 18.750%, #ff9973 18.750% 21.875%, #ffa173 21.875% 25.000%, #ffab76 25.000% 28.125%, #ffb579 28.125% 31.250%, #ffbe7a 31.250% 34.375%, #ffc674 34.375% 37.500%, #f9ce6f 37.500% 40.625%, #edd371 40.625% 43.750%, #dad775 43.750% 46.875%, #c2d97d 46.875% 50.000%, #a6d989 50.000% 53.125%, #8bd795 53.125% 56.250%, #71d3a2 56.250% 59.375%, #5bcfad 59.375% 62.500%, #48cab5 62.500% 65.625%, #39c4bc 65.625% 68.750%, #2ebdc1 68.750% 71.875%, #27b6c4 71.875% 75.000%, #26aec6 75.000% 78.125%, #27a6c5 78.125% 81.250%, #289dc2 81.250% 84.375%, #2793bc 84.375% 87.500%, #2689b6 87.500% 90.625%, #2580af 90.625% 93.750%, #2478a9 93.750% 96.875%, #2473a5 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(72.83% 0.1667 27.42) 0.000% 3.125%, oklch(73.38% 0.1629 28.62) 3.125% 6.250%, oklch(74.09% 0.1573 29.98) 6.250% 9.375%, oklch(74.96% 0.1508 31.71) 9.375% 12.500%, oklch(75.93% 0.1441 34.02) 12.500% 15.625%, oklch(77.00% 0.1379 37.13) 15.625% 18.750%, oklch(78.12% 0.1330 41.25) 18.750% 21.875%, oklch(79.43% 0.1276 46.44) 21.875% 25.000%, oklch(81.15% 0.1209 52.45) 25.000% 28.125%, oklch(83.01% 0.1153 59.29) 28.125% 31.250%, oklch(84.77% 0.1134 66.96) 31.250% 34.375%, oklch(86.16% 0.1194 75.45) 34.375% 37.500%, oklch(86.93% 0.1231 84.76) 37.500% 40.625%, oklch(86.86% 0.1219 95.15) 40.625% 43.750%, oklch(86.05% 0.1209 107.32) 43.750% 46.875%, oklch(84.70% 0.1200 120.67) 46.875% 50.000%, oklch(83.00% 0.1191 134.44) 50.000% 53.125%, oklch(81.15% 0.1183 147.90) 53.125% 56.250%, oklch(79.34% 0.1176 160.30) 56.250% 59.375%, oklch(77.72% 0.1168 171.01) 59.375% 62.500%, oklch(76.16% 0.1161 180.75) 62.500% 65.625%, oklch(74.56% 0.1154 189.76) 65.625% 68.750%, oklch(72.89% 0.1148 198.06) 68.750% 71.875%, oklch(71.15% 0.1142 205.66) 71.875% 75.000%, oklch(69.30% 0.1135 212.58) 75.000% 78.125%, oklch(67.30% 0.1129 218.83) 78.125% 81.250%, oklch(64.92% 0.1121 224.37) 81.250% 84.375%, oklch(62.25% 0.1114 229.20) 84.375% 87.500%, oklch(59.50% 0.1106 233.34) 87.500% 90.625%, oklch(56.91% 0.1099 236.83) 90.625% 93.750%, oklch(54.72% 0.1093 239.69) 93.750% 96.875%, oklch(53.15% 0.1089 241.94) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.728 | 0.167 | 27.4 |
| 2 | 0.783 | 0.132 | 42.2 |
| 3 | 0.87 | 0.123 | 88.7 |
| 4 | 0.783 | 0.117 | 166.9 |
| 5 | 0.677 | 0.113 | 217.6 |
| 6 | 0.531 | 0.109 | 241.9 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Summer gradients](https://grabient.com/summer-gradients)
- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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