# Ivory peach orange bands

Monochrome orange and peach linear swatches with 21 colors: #fe7a00, #fe7c00, #fe7f00, #ff8300, #ff8806, #ff8c0f, #ff9119, #fe9722, #fe9c2c, #fea136, #fea640, #feab4b, #feb057, #ffb664, #ffbb71, #ffc17d, #ffc789, #ffcc94, #ffd09e, #ffd4a5, #ffd6ab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome orange and peach linear swatches
- Seed: `kSt4skZTfBvKbQE`
- Page: https://grabient.com/kSt4skZTfBvKbQE?style=linearSwatches&steps=21&angle=0
- Drawn as: linear swatches, 21 steps, 0 degrees
- Kinds: vivid, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.9 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 | `#fe7a00` | `oklch(72.05% 0.1888 50.61)` | Carrot Curl | black, 7.9 to 1 |
| 2 | `#fe7c00` | `oklch(72.48% 0.1875 51.54)` | Heat Wave | black, 8.1 to 1 |
| 3 | `#fe7f00` | `oklch(73.01% 0.1858 52.81)` | Orange Juice | black, 8.2 to 1 |
| 4 | `#ff8300` | `oklch(73.64% 0.1838 54.33)` | The New Black | black, 8.4 to 1 |
| 5 | `#ff8806` | `oklch(74.35% 0.1808 56.04)` | Mandarin Jelly | black, 8.7 to 1 |
| 6 | `#ff8c0f` | `oklch(75.12% 0.1772 57.82)` | Sun Crete | black, 9 to 1 |
| 7 | `#ff9119` | `oklch(75.95% 0.1731 59.63)` | Princeton Orange | black, 9.3 to 1 |
| 8 | `#fe9722` | `oklch(76.82% 0.1687 61.37)` | Texas Sunset | black, 9.6 to 1 |
| 9 | `#fe9c2c` | `oklch(77.71% 0.1638 62.97)` | Dragon Ball | black, 10 to 1 |
| 10 | `#fea136` | `oklch(78.62% 0.1586 64.34)` | Blazing Bonfire | black, 10.3 to 1 |
| 11 | `#fea640` | `oklch(79.53% 0.1530 65.42)` | Radiation Carrot | black, 10.7 to 1 |
| 12 | `#feab4b` | `oklch(80.51% 0.1464 66.22)` | Five Star | black, 11.1 to 1 |
| 13 | `#feb057` | `oklch(81.62% 0.1385 66.85)` | Duckling | black, 11.5 to 1 |
| 14 | `#ffb664` | `oklch(82.82% 0.1299 67.32)` | Mango Creamsicles | black, 12 to 1 |
| 15 | `#ffbb71` | `oklch(84.06% 0.1206 67.68)` | Spiced Nectarine | black, 12.6 to 1 |
| 16 | `#ffc17d` | `oklch(85.31% 0.1107 67.93)` | Apricot Appeal | black, 13.1 to 1 |
| 17 | `#ffc789` | `oklch(86.52% 0.1010 68.11)` | Bundaberg Sand | black, 13.7 to 1 |
| 18 | `#ffcc94` | `oklch(87.65% 0.0920 68.24)` | Tangerine Silk | black, 14.2 to 1 |
| 19 | `#ffd09e` | `oklch(88.66% 0.0840 68.35)` | Atoll Sand | black, 14.7 to 1 |
| 20 | `#ffd4a5` | `oklch(89.51% 0.0774 68.46)` | Nevada Morning | black, 15.1 to 1 |
| 21 | `#ffd6ab` | `oklch(90.16% 0.0725 68.60)` | Nevada Morning | black, 15.5 to 1 |

## CSS

```css
background: linear-gradient(0deg, #fe7a00 0.000% 4.762%, #fe7c00 4.762% 9.524%, #fe7f00 9.524% 14.286%, #ff8300 14.286% 19.048%, #ff8806 19.048% 23.810%, #ff8c0f 23.810% 28.571%, #ff9119 28.571% 33.333%, #fe9722 33.333% 38.095%, #fe9c2c 38.095% 42.857%, #fea136 42.857% 47.619%, #fea640 47.619% 52.381%, #feab4b 52.381% 57.143%, #feb057 57.143% 61.905%, #ffb664 61.905% 66.667%, #ffbb71 66.667% 71.429%, #ffc17d 71.429% 76.190%, #ffc789 76.190% 80.952%, #ffcc94 80.952% 85.714%, #ffd09e 85.714% 90.476%, #ffd4a5 90.476% 95.238%, #ffd6ab 95.238% 100.000%);
background: linear-gradient(0deg, oklch(72.05% 0.1888 50.61) 0.000% 4.762%, oklch(72.48% 0.1875 51.54) 4.762% 9.524%, oklch(73.01% 0.1858 52.81) 9.524% 14.286%, oklch(73.64% 0.1838 54.33) 14.286% 19.048%, oklch(74.35% 0.1808 56.04) 19.048% 23.810%, oklch(75.12% 0.1772 57.82) 23.810% 28.571%, oklch(75.95% 0.1731 59.63) 28.571% 33.333%, oklch(76.82% 0.1687 61.37) 33.333% 38.095%, oklch(77.71% 0.1638 62.97) 38.095% 42.857%, oklch(78.62% 0.1586 64.34) 42.857% 47.619%, oklch(79.53% 0.1530 65.42) 47.619% 52.381%, oklch(80.51% 0.1464 66.22) 52.381% 57.143%, oklch(81.62% 0.1385 66.85) 57.143% 61.905%, oklch(82.82% 0.1299 67.32) 61.905% 66.667%, oklch(84.06% 0.1206 67.68) 66.667% 71.429%, oklch(85.31% 0.1107 67.93) 71.429% 76.190%, oklch(86.52% 0.1010 68.11) 76.190% 80.952%, oklch(87.65% 0.0920 68.24) 80.952% 85.714%, oklch(88.66% 0.0840 68.35) 85.714% 90.476%, oklch(89.51% 0.0774 68.46) 90.476% 95.238%, oklch(90.16% 0.0725 68.60) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.192 | 50.6 |
| 2 | 0.795 | 0.153 | 65.4 |
| 3 | 0.902 | 0.074 | 68.6 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)

## Other forms

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