# Ochre, coral and pale mint color palette

The Ochre, coral and pale mint color palette brings together yellow, blue, red, light green, and pale green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is red, and its lightest tone is pale green.

- Also called: Rainbow from yellow to light blue linear swatches
- Seed: `kW4GZD27bQdfB0boKE_-Ik_4`
- Page: https://grabient.com/kW4GZD27bQdfB0boKE_-Ik_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 2.6 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 | `#f5d760` | `oklch(88.19% 0.1406 94.92)` | Salmon Eggs | black, 14.7 to 1 |
| 2 | `#0ab2f4` | `oklch(72.05% 0.1502 234.41)` | Democrat | black, 8.6 to 1 |
| 3 | `#f76461` | `oklch(68.90% 0.1805 24.47)` | Fiery Salmon | black, 6.9 to 1 |
| 4 | `#80daab` | `oklch(81.89% 0.1102 159.74)` | Fresco Green | black, 12.5 to 1 |
| 5 | `#e1f4e8` | `oklch(94.88% 0.0248 159.74)` | Particle Cannon | black, 18.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f5d760 0.000% 20.000%, #0ab2f4 20.000% 40.000%, #f76461 40.000% 60.000%, #80daab 60.000% 80.000%, #e1f4e8 80.000% 100.000%);
background: linear-gradient(90deg, oklch(88.19% 0.1406 94.92) 0.000% 20.000%, oklch(72.05% 0.1502 234.41) 20.000% 40.000%, oklch(68.90% 0.1805 24.47) 40.000% 60.000%, oklch(81.89% 0.1102 159.74) 60.000% 80.000%, oklch(94.88% 0.0248 159.74) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.141 | 94.9 |
| 2 | 0.72 | 0.15 | 234.4 |
| 3 | 0.689 | 0.181 | 384.5 |
| 4 | 0.819 | 0.11 | 519.7 |
| 5 | 0.949 | 0.025 | 519.7 |

## In these collections

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

## Other forms

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