# Coral mint violet happy swatches

The Coral mint violet happy swatches brings together red, orange, light green, blue, and off-white. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Rainbow from red to white linear swatches
- Seed: `kWqJ0O5LTE2gqTDQOs3-4VHo`
- Page: https://grabient.com/kWqJ0O5LTE2gqTDQOs3-4VHo?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.3 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 | `#fb4657` | `oklch(66.14% 0.2163 20.39)` | Watermelon | black, 6.1 to 1 |
| 2 | `#fda44f` | `oklch(79.13% 0.1447 61.60)` | Exotic Flower | black, 10.5 to 1 |
| 3 | `#73dcb1` | `oklch(81.89% 0.1157 165.17)` | Fresco Green | black, 12.5 to 1 |
| 4 | `#7f78e6` | `oklch(62.99% 0.1612 283.52)` | Hera Blue | black, 5.7 to 1 |
| 5 | `#fef2f7` | `oklch(97.24% 0.0138 349.04)` | Lavender Blush | black, 19.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fb4657 0.000% 20.000%, #fda44f 20.000% 40.000%, #73dcb1 40.000% 60.000%, #7f78e6 60.000% 80.000%, #fef2f7 80.000% 100.000%);
background: linear-gradient(180deg, oklch(66.14% 0.2163 20.39) 0.000% 20.000%, oklch(79.13% 0.1447 61.60) 20.000% 40.000%, oklch(81.89% 0.1157 165.17) 40.000% 60.000%, oklch(62.99% 0.1612 283.52) 60.000% 80.000%, oklch(97.24% 0.0138 349.04) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.216 | 20.4 |
| 2 | 0.791 | 0.145 | 61.6 |
| 3 | 0.819 | 0.116 | 165.2 |
| 4 | 0.63 | 0.161 | 283.5 |
| 5 | 0.972 | 0.014 | 349 |

## In these collections

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

## Other forms

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