# Vivid monochrome peach and orange linear swatches

Vivid monochrome peach and orange linear swatches with 32 colors: #f49c6c, #f29969, #f09565, #ee9161, #eb8b5c, #e78557, #e47f52, #e1794d, #dd7247, #d96c42, #d6653d, #d36039, #d05a35, #ce5632, #cd532f, #cc512d, #cc502c, #cd512b, #cf522b, #d1552c, #d4592d, #d75d2f, #db6231, #df6834, #e36d36, #e77339, #ea783c, #ee7d3f, #f18242, #f48645, #f68947, #f88c48. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSxFkjSzw-d64QY`
- Page: https://grabient.com/kSxFkjSzw-d64QY?style=linearSwatches&steps=32&angle=315
- Drawn as: linear swatches, 32 steps, 315 degrees
- Kinds: vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#f49c6c` | `oklch(77.17% 0.1226 49.22)` | Burning Coals | black, 9.8 to 1 |
| 2 | `#f29969` | `oklch(76.44% 0.1243 48.71)` | Brown Sand | black, 9.5 to 1 |
| 3 | `#f09565` | `oklch(75.47% 0.1264 48.01)` | Sawtooth Aak | black, 9.2 to 1 |
| 4 | `#ee9161` | `oklch(74.29% 0.1290 47.16)` | Chinese Lantern | black, 8.8 to 1 |
| 5 | `#eb8b5c` | `oklch(72.95% 0.1320 46.19)` | Heat of Summer | black, 8.3 to 1 |
| 6 | `#e78557` | `oklch(71.48% 0.1351 45.14)` | Orangevale | black, 7.9 to 1 |
| 7 | `#e47f52` | `oklch(69.93% 0.1385 44.02)` | Tangerine Flake | black, 7.4 to 1 |
| 8 | `#e1794d` | `oklch(68.34% 0.1420 42.88)` | Jaffa | black, 7 to 1 |
| 9 | `#dd7247` | `oklch(66.76% 0.1456 41.74)` | Knockout Orange | black, 6.5 to 1 |
| 10 | `#d96c42` | `oklch(65.21% 0.1491 40.64)` | Bonfire Night | black, 6.1 to 1 |
| 11 | `#d6653d` | `oklch(63.75% 0.1524 39.60)` | Flint Corn Red | black, 5.8 to 1 |
| 12 | `#d36039` | `oklch(62.41% 0.1556 38.67)` | Vermilion Waxcap | black, 5.4 to 1 |
| 13 | `#d05a35` | `oklch(61.24% 0.1585 37.86)` | Chilean Fire | black, 5.2 to 1 |
| 14 | `#ce5632` | `oklch(60.28% 0.1610 37.22)` | Bronze Satin | black, 5 to 1 |
| 15 | `#cd532f` | `oklch(59.56% 0.1632 36.78)` | Bronze Satin | black, 4.8 to 1 |
| 16 | `#cc512d` | `oklch(59.14% 0.1648 36.55)` | Orange Keeper | black, 4.7 to 1 |
| 17 | `#cc502c` | `oklch(59.05% 0.1658 36.59)` | Orange Keeper | black, 4.7 to 1 |
| 18 | `#cd512b` | `oklch(59.28% 0.1664 36.88)` | Orange Keeper | black, 4.7 to 1 |
| 19 | `#cf522b` | `oklch(59.80% 0.1665 37.40)` | Bronze Satin | black, 4.9 to 1 |
| 20 | `#d1552c` | `oklch(60.56% 0.1663 38.12)` | Bronze Satin | black, 5 to 1 |
| 21 | `#d4592d` | `oklch(61.53% 0.1658 39.01)` | Obstinate Orange | black, 5.2 to 1 |
| 22 | `#d75d2f` | `oklch(62.66% 0.1650 40.02)` | Vermilion Waxcap | black, 5.5 to 1 |
| 23 | `#db6231` | `oklch(63.91% 0.1640 41.13)` | Tangerine Bliss | black, 5.8 to 1 |
| 24 | `#df6834` | `oklch(65.26% 0.1628 42.31)` | Harvest Haze | black, 6.1 to 1 |
| 25 | `#e36d36` | `oklch(66.65% 0.1616 43.53)` | Lava Pit | black, 6.5 to 1 |
| 26 | `#e77339` | `oklch(68.05% 0.1603 44.74)` | Camel Red | black, 6.8 to 1 |
| 27 | `#ea783c` | `oklch(69.41% 0.1590 45.93)` | Salsa Sizzle | black, 7.2 to 1 |
| 28 | `#ee7d3f` | `oklch(70.71% 0.1577 47.05)` | Mustard Crusted Salmon | black, 7.6 to 1 |
| 29 | `#f18242` | `oklch(71.90% 0.1566 48.08)` | Mustard Crusted Salmon | black, 8 to 1 |
| 30 | `#f48645` | `oklch(72.94% 0.1556 48.98)` | Hot Orange | black, 8.3 to 1 |
| 31 | `#f68947` | `oklch(73.79% 0.1548 49.73)` | Hot Orange | black, 8.5 to 1 |
| 32 | `#f88c48` | `oklch(74.41% 0.1543 50.28)` | Blaze | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #f49c6c 0.000% 3.125%, #f29969 3.125% 6.250%, #f09565 6.250% 9.375%, #ee9161 9.375% 12.500%, #eb8b5c 12.500% 15.625%, #e78557 15.625% 18.750%, #e47f52 18.750% 21.875%, #e1794d 21.875% 25.000%, #dd7247 25.000% 28.125%, #d96c42 28.125% 31.250%, #d6653d 31.250% 34.375%, #d36039 34.375% 37.500%, #d05a35 37.500% 40.625%, #ce5632 40.625% 43.750%, #cd532f 43.750% 46.875%, #cc512d 46.875% 50.000%, #cc502c 50.000% 53.125%, #cd512b 53.125% 56.250%, #cf522b 56.250% 59.375%, #d1552c 59.375% 62.500%, #d4592d 62.500% 65.625%, #d75d2f 65.625% 68.750%, #db6231 68.750% 71.875%, #df6834 71.875% 75.000%, #e36d36 75.000% 78.125%, #e77339 78.125% 81.250%, #ea783c 81.250% 84.375%, #ee7d3f 84.375% 87.500%, #f18242 87.500% 90.625%, #f48645 90.625% 93.750%, #f68947 93.750% 96.875%, #f88c48 96.875% 100.000%);
background: linear-gradient(315deg, oklch(77.17% 0.1226 49.22) 0.000% 3.125%, oklch(76.44% 0.1243 48.71) 3.125% 6.250%, oklch(75.47% 0.1264 48.01) 6.250% 9.375%, oklch(74.29% 0.1290 47.16) 9.375% 12.500%, oklch(72.95% 0.1320 46.19) 12.500% 15.625%, oklch(71.48% 0.1351 45.14) 15.625% 18.750%, oklch(69.93% 0.1385 44.02) 18.750% 21.875%, oklch(68.34% 0.1420 42.88) 21.875% 25.000%, oklch(66.76% 0.1456 41.74) 25.000% 28.125%, oklch(65.21% 0.1491 40.64) 28.125% 31.250%, oklch(63.75% 0.1524 39.60) 31.250% 34.375%, oklch(62.41% 0.1556 38.67) 34.375% 37.500%, oklch(61.24% 0.1585 37.86) 37.500% 40.625%, oklch(60.28% 0.1610 37.22) 40.625% 43.750%, oklch(59.56% 0.1632 36.78) 43.750% 46.875%, oklch(59.14% 0.1648 36.55) 46.875% 50.000%, oklch(59.05% 0.1658 36.59) 50.000% 53.125%, oklch(59.28% 0.1664 36.88) 53.125% 56.250%, oklch(59.80% 0.1665 37.40) 56.250% 59.375%, oklch(60.56% 0.1663 38.12) 59.375% 62.500%, oklch(61.53% 0.1658 39.01) 62.500% 65.625%, oklch(62.66% 0.1650 40.02) 65.625% 68.750%, oklch(63.91% 0.1640 41.13) 68.750% 71.875%, oklch(65.26% 0.1628 42.31) 71.875% 75.000%, oklch(66.65% 0.1616 43.53) 75.000% 78.125%, oklch(68.05% 0.1603 44.74) 78.125% 81.250%, oklch(69.41% 0.1590 45.93) 81.250% 84.375%, oklch(70.71% 0.1577 47.05) 84.375% 87.500%, oklch(71.90% 0.1566 48.08) 87.500% 90.625%, oklch(72.94% 0.1556 48.98) 90.625% 93.750%, oklch(73.79% 0.1548 49.73) 93.750% 96.875%, oklch(74.41% 0.1543 50.28) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.123 | 49.2 |
| 2 | 0.591 | 0.165 | 36.5 |
| 3 | 0.744 | 0.154 | 50.3 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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