# Tritone peach, pink and purple linear swatches

Tritone peach, pink and purple linear swatches with 32 colors: #f1b26b, #f0ad69, #f0a666, #ef9f63, #ee9662, #ec8d61, #e98462, #e67c63, #e37564, #e06f66, #dd6867, #da6268, #d65c6a, #d2566b, #cd516d, #c84d6f, #c24a71, #bc4772, #b54572, #ae4472, #a64372, #9f4271, #974171, #8f4071, #873f71, #7e3f71, #753e71, #6b3d6f, #623d6d, #5b3c6b, #543b68, #503b66. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWzVMw17K7kq5vM-LD1shs7Y`
- Page: https://grabient.com/kWzVMw17K7kq5vM-LD1shs7Y?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: light to dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#f1b26b` | `oklch(80.71% 0.1144 68.20)` | Barrel | black, 11.2 to 1 |
| 2 | `#f0ad69` | `oklch(79.75% 0.1164 65.16)` | Blazing Autumn | black, 10.8 to 1 |
| 3 | `#f0a666` | `oklch(78.46% 0.1191 61.02)` | Shrimp Cocktail | black, 10.3 to 1 |
| 4 | `#ef9f63` | `oklch(76.92% 0.1224 56.09)` | Monarch Orange | black, 9.7 to 1 |
| 5 | `#ee9662` | `oklch(75.22% 0.1260 50.67)` | Topaz Yellow | black, 9.1 to 1 |
| 6 | `#ec8d61` | `oklch(73.45% 0.1298 45.06)` | Heat of Summer | black, 8.5 to 1 |
| 7 | `#e98462` | `oklch(71.69% 0.1335 39.58)` | Mesa Sunrise | black, 7.9 to 1 |
| 8 | `#e67c63` | `oklch(70.03% 0.1369 34.54)` | Sari | black, 7.4 to 1 |
| 9 | `#e37564` | `oklch(68.54% 0.1399 30.20)` | Burnt Coral | black, 7 to 1 |
| 10 | `#e06f66` | `oklch(67.15% 0.1432 26.30)` | Childhood Crush | black, 6.6 to 1 |
| 11 | `#dd6867` | `oklch(65.80% 0.1469 22.62)` | Native Berry | black, 6.2 to 1 |
| 12 | `#da6268` | `oklch(64.47% 0.1505 19.12)` | Swiss Chard | black, 5.9 to 1 |
| 13 | `#d65c6a` | `oklch(63.17% 0.1539 15.78)` | Berrylicious | black, 5.5 to 1 |
| 14 | `#d2566b` | `oklch(61.88% 0.1566 12.56)` | Imayou Pink | black, 5.2 to 1 |
| 15 | `#cd516d` | `oklch(60.59% 0.1584 9.42)` | Cabaret | black, 5 to 1 |
| 16 | `#c84d6f` | `oklch(59.31% 0.1588 6.33)` | Fruit Dove | black, 4.7 to 1 |
| 17 | `#c24a71` | `oklch(58.01% 0.1577 3.32)` | Love Lord | white, 4.6 to 1 |
| 18 | `#bc4772` | `oklch(56.73% 0.1550 0.63)` | Lake Red | white, 4.9 to 1 |
| 19 | `#b54572` | `oklch(55.44% 0.1510 358.19)` | Valentino | white, 5.1 to 1 |
| 20 | `#ae4472` | `oklch(54.17% 0.1460 355.84)` | Cactus Flower | white, 5.4 to 1 |
| 21 | `#a64372` | `oklch(52.90% 0.1404 353.45)` | Magenta Haze | white, 5.7 to 1 |
| 22 | `#9f4271` | `oklch(51.64% 0.1345 350.88)` | Magenta Haze | white, 6 to 1 |
| 23 | `#974171` | `oklch(50.38% 0.1284 347.97)` | Dynamo | white, 6.3 to 1 |
| 24 | `#8f4071` | `oklch(49.13% 0.1226 344.60)` | Purple Peril | white, 6.6 to 1 |
| 25 | `#873f71` | `oklch(47.85% 0.1169 340.49)` | Sister Loganberry Frost | white, 7 to 1 |
| 26 | `#7e3f71` | `oklch(46.47% 0.1104 335.47)` | Bruise | white, 7.4 to 1 |
| 27 | `#753e71` | `oklch(45.05% 0.1034 329.87)` | Spring Lobster Dye | white, 7.8 to 1 |
| 28 | `#6b3d6f` | `oklch(43.65% 0.0964 324.05)` | Majesty | white, 8.2 to 1 |
| 29 | `#623d6d` | `oklch(42.32% 0.0896 318.36)` | Heartless | white, 8.7 to 1 |
| 30 | `#5b3c6b` | `oklch(41.13% 0.0834 313.15)` | Honey Flower | white, 9.1 to 1 |
| 31 | `#543b68` | `oklch(40.12% 0.0782 308.79)` | Succinct Violet | white, 9.4 to 1 |
| 32 | `#503b66` | `oklch(39.37% 0.0744 305.62)` | Meteorite | white, 9.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f1b26b 0.000% 3.125%, #f0ad69 3.125% 6.250%, #f0a666 6.250% 9.375%, #ef9f63 9.375% 12.500%, #ee9662 12.500% 15.625%, #ec8d61 15.625% 18.750%, #e98462 18.750% 21.875%, #e67c63 21.875% 25.000%, #e37564 25.000% 28.125%, #e06f66 28.125% 31.250%, #dd6867 31.250% 34.375%, #da6268 34.375% 37.500%, #d65c6a 37.500% 40.625%, #d2566b 40.625% 43.750%, #cd516d 43.750% 46.875%, #c84d6f 46.875% 50.000%, #c24a71 50.000% 53.125%, #bc4772 53.125% 56.250%, #b54572 56.250% 59.375%, #ae4472 59.375% 62.500%, #a64372 62.500% 65.625%, #9f4271 65.625% 68.750%, #974171 68.750% 71.875%, #8f4071 71.875% 75.000%, #873f71 75.000% 78.125%, #7e3f71 78.125% 81.250%, #753e71 81.250% 84.375%, #6b3d6f 84.375% 87.500%, #623d6d 87.500% 90.625%, #5b3c6b 90.625% 93.750%, #543b68 93.750% 96.875%, #503b66 96.875% 100.000%);
background: linear-gradient(180deg, oklch(80.71% 0.1144 68.20) 0.000% 3.125%, oklch(79.75% 0.1164 65.16) 3.125% 6.250%, oklch(78.46% 0.1191 61.02) 6.250% 9.375%, oklch(76.92% 0.1224 56.09) 9.375% 12.500%, oklch(75.22% 0.1260 50.67) 12.500% 15.625%, oklch(73.45% 0.1298 45.06) 15.625% 18.750%, oklch(71.69% 0.1335 39.58) 18.750% 21.875%, oklch(70.03% 0.1369 34.54) 21.875% 25.000%, oklch(68.54% 0.1399 30.20) 25.000% 28.125%, oklch(67.15% 0.1432 26.30) 28.125% 31.250%, oklch(65.80% 0.1469 22.62) 31.250% 34.375%, oklch(64.47% 0.1505 19.12) 34.375% 37.500%, oklch(63.17% 0.1539 15.78) 37.500% 40.625%, oklch(61.88% 0.1566 12.56) 40.625% 43.750%, oklch(60.59% 0.1584 9.42) 43.750% 46.875%, oklch(59.31% 0.1588 6.33) 46.875% 50.000%, oklch(58.01% 0.1577 3.32) 50.000% 53.125%, oklch(56.73% 0.1550 0.63) 53.125% 56.250%, oklch(55.44% 0.1510 358.19) 56.250% 59.375%, oklch(54.17% 0.1460 355.84) 59.375% 62.500%, oklch(52.90% 0.1404 353.45) 62.500% 65.625%, oklch(51.64% 0.1345 350.88) 65.625% 68.750%, oklch(50.38% 0.1284 347.97) 68.750% 71.875%, oklch(49.13% 0.1226 344.60) 71.875% 75.000%, oklch(47.85% 0.1169 340.49) 75.000% 78.125%, oklch(46.47% 0.1104 335.47) 78.125% 81.250%, oklch(45.05% 0.1034 329.87) 81.250% 84.375%, oklch(43.65% 0.0964 324.05) 84.375% 87.500%, oklch(42.32% 0.0896 318.36) 87.500% 90.625%, oklch(41.13% 0.0834 313.15) 90.625% 93.750%, oklch(40.12% 0.0782 308.79) 93.750% 96.875%, oklch(39.37% 0.0744 305.62) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.114 | 68.2 |
| 2 | 0.689 | 0.139 | 31.2 |
| 3 | 0.587 | 0.158 | 4.8 |
| 4 | 0.488 | 0.121 | -16.3 |
| 5 | 0.394 | 0.074 | -54.4 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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