# Tritone purple, pink and beige angular swatches

Tritone purple, pink and beige angular swatches with 14 colors: #8377a8, #937dae, #aa86b4, #c090b8, #d297b8, #e29fb4, #eea6b0, #f8b0af, #febab2, #ffc5ba, #ffd0c2, #ffdbca, #ffe4d2, #ffead9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWmDbSW51EucfRLxGcJeJDC4`
- Page: https://grabient.com/kWmDbSW51EucfRLxGcJeJDC4?style=angularSwatches&steps=14&angle=99
- Drawn as: angular swatches, 14 steps, 99 degrees
- Kinds: dark to light, pastel, light, warm
- Hues: wide
- 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 | `#8377a8` | `oklch(59.84% 0.0744 295.31)` | Grape Parfait | black, 5.1 to 1 |
| 2 | `#937dae` | `oklch(62.80% 0.0757 304.71)` | Captivated | black, 5.7 to 1 |
| 3 | `#aa86b4` | `oklch(67.03% 0.0776 318.20)` | Purple Statice | black, 6.7 to 1 |
| 4 | `#c090b8` | `oklch(71.18% 0.0795 332.27)` | La la Love | black, 7.9 to 1 |
| 5 | `#d297b8` | `oklch(74.38% 0.0816 345.15)` | Exotic Lilac | black, 8.8 to 1 |
| 6 | `#e29fb4` | `oklch(77.18% 0.0843 358.44)` | Blushing Tulip | black, 9.8 to 1 |
| 7 | `#eea6b0` | `oklch(79.81% 0.0857 10.55)` | Princess | black, 10.7 to 1 |
| 8 | `#f8b0af` | `oklch(82.40% 0.0843 19.77)` | Snow White Blush | black, 11.7 to 1 |
| 9 | `#febab2` | `oklch(84.93% 0.0804 25.93)` | Mexican Milk | black, 12.8 to 1 |
| 10 | `#ffc5ba` | `oklch(87.32% 0.0681 31.12)` | Your Pink | black, 13.9 to 1 |
| 11 | `#ffd0c2` | `oklch(89.51% 0.0565 37.56)` | Salmon Mousse | black, 15 to 1 |
| 12 | `#ffdbca` | `oklch(91.66% 0.0464 46.24)` | Glazed Sugar | black, 16.2 to 1 |
| 13 | `#ffe4d2` | `oklch(93.56% 0.0382 54.97)` | Powdered Peach | black, 17.2 to 1 |
| 14 | `#ffead9` | `oklch(94.88% 0.0325 61.08)` | Flowerbed | black, 17.9 to 1 |

## CSS

```css
background: conic-gradient(from 99deg, #8377a8 0.000% 7.143%, #937dae 7.143% 14.286%, #aa86b4 14.286% 21.429%, #c090b8 21.429% 28.571%, #d297b8 28.571% 35.714%, #e29fb4 35.714% 42.857%, #eea6b0 42.857% 50.000%, #f8b0af 50.000% 57.143%, #febab2 57.143% 64.286%, #ffc5ba 64.286% 71.429%, #ffd0c2 71.429% 78.571%, #ffdbca 78.571% 85.714%, #ffe4d2 85.714% 92.857%, #ffead9 92.857% 100.000%);
background: conic-gradient(from 99deg, oklch(59.84% 0.0744 295.31) 0.000% 7.143%, oklch(62.80% 0.0757 304.71) 7.143% 14.286%, oklch(67.03% 0.0776 318.20) 14.286% 21.429%, oklch(71.18% 0.0795 332.27) 21.429% 28.571%, oklch(74.38% 0.0816 345.15) 28.571% 35.714%, oklch(77.18% 0.0843 358.44) 35.714% 42.857%, oklch(79.81% 0.0857 10.55) 42.857% 50.000%, oklch(82.40% 0.0843 19.77) 50.000% 57.143%, oklch(84.93% 0.0804 25.93) 57.143% 64.286%, oklch(87.32% 0.0681 31.12) 64.286% 71.429%, oklch(89.51% 0.0565 37.56) 71.429% 78.571%, oklch(91.66% 0.0464 46.24) 78.571% 85.714%, oklch(93.56% 0.0382 54.97) 85.714% 92.857%, oklch(94.88% 0.0325 61.08) 92.857% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.074 | 295.3 |
| 2 | 0.72 | 0.08 | 335.5 |
| 3 | 0.811 | 0.085 | 375.6 |
| 4 | 0.89 | 0.07 | 395.7 |
| 5 | 0.949 | 0.045 | 421.1 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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