# Peach mint violet rainbow swatches

The Peach mint violet rainbow swatches brings together orange, light yellow, light green, light teal, light purple, and pale yellow. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light purple, and its lightest tone is pale yellow.

- Also called: Pastel rainbow from peach to off-white linear swatches
- Seed: `kYzF0ldqnFOy6RFnJcX3ThPnyP0Q`
- Page: https://grabient.com/kYzF0ldqnFOy6RFnJcX3ThPnyP0Q?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: pastel, light, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#ffa66f` | `oklch(80.31% 0.1267 52.03)` | Salmon Buff | black, 10.9 to 1 |
| 2 | `#ffe98e` | `oklch(93.31% 0.1144 96.41)` | Quack Quack | black, 17.3 to 1 |
| 3 | `#a4e574` | `oklch(85.43% 0.1598 133.40)` | Snarky Mint | black, 14 to 1 |
| 4 | `#6ad7c9` | `oklch(81.10% 0.1033 184.13)` | Turquoise Twist | black, 12.1 to 1 |
| 5 | `#ce88e9` | `oklch(73.23% 0.1543 316.22)` | Lavender Perceptions | black, 8.2 to 1 |
| 6 | `#fefad9` | `oklch(98.03% 0.0427 100.99)` | Warm Light | black, 19.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ffa66f 0.000% 16.667%, #ffe98e 16.667% 33.333%, #a4e574 33.333% 50.000%, #6ad7c9 50.000% 66.667%, #ce88e9 66.667% 83.333%, #fefad9 83.333% 100.000%);
background: linear-gradient(45deg, oklch(80.31% 0.1267 52.03) 0.000% 16.667%, oklch(93.31% 0.1144 96.41) 16.667% 33.333%, oklch(85.43% 0.1598 133.40) 33.333% 50.000%, oklch(81.10% 0.1033 184.13) 50.000% 66.667%, oklch(73.23% 0.1543 316.22) 66.667% 83.333%, oklch(98.03% 0.0427 100.99) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.128 | 52 |
| 2 | 0.933 | 0.114 | 96.4 |
| 3 | 0.854 | 0.16 | 133.4 |
| 4 | 0.811 | 0.103 | 184.1 |
| 5 | 0.732 | 0.154 | 316.2 |
| 6 | 0.98 | 0.043 | 461 |

## In these collections

- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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