# Blue and terracotta muted rainbow palette

The Blue and terracotta muted rainbow palette brings together blue, magenta, and yellow. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Seamless blue, lavender and tan linear gradient
- Seed: `kUpSSvUxTLd0WTtQD89A`
- Page: https://grabient.com/kUpSSvUxTLd0WTtQD89A?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: even lightness, muted, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#7793ac` | `oklch(64.96% 0.0496 246.09)` | Wink | black, 6.5 to 1 |
| 2 | `#7992ad` | `oklch(64.95% 0.0500 251.54)` | Wink | black, 6.5 to 1 |
| 3 | `#7c90ae` | `oklch(64.90% 0.0505 258.36)` | Identity | black, 6.4 to 1 |
| 4 | `#808eaf` | `oklch(64.82% 0.0512 266.36)` | Luxury | black, 6.4 to 1 |
| 5 | `#858caf` | `oklch(64.74% 0.0519 275.35)` | Luxury | black, 6.3 to 1 |
| 6 | `#8a8aae` | `oklch(64.67% 0.0527 285.15)` | Larkspur Violet | black, 6.3 to 1 |
| 7 | `#9088ac` | `oklch(64.64% 0.0534 295.56)` | Larkspur Violet | black, 6.3 to 1 |
| 8 | `#9686a9` | `oklch(64.66% 0.0542 306.41)` | Purple Phantom | black, 6.2 to 1 |
| 9 | `#9d84a5` | `oklch(64.75% 0.0550 317.51)` | Wonder Violet | black, 6.2 to 1 |
| 10 | `#a283a0` | `oklch(64.93% 0.0557 328.67)` | Pink Plumeria | black, 6.3 to 1 |
| 11 | `#a8839b` | `oklch(65.23% 0.0563 339.70)` | Bouquet | black, 6.3 to 1 |
| 12 | `#ad8396` | `oklch(65.69% 0.0569 350.61)` | Heather Violet | black, 6.4 to 1 |
| 13 | `#b28591` | `oklch(66.40% 0.0576 1.93)` | Fireweed | black, 6.6 to 1 |
| 14 | `#b7888b` | `oklch(67.30% 0.0583 13.64)` | Bashful Rose | black, 6.9 to 1 |
| 15 | `#bb8c87` | `oklch(68.33% 0.0591 25.66)` | Smoky Pink | black, 7.1 to 1 |
| 16 | `#be9082` | `oklch(69.42% 0.0598 37.93)` | Roycroft Rose | black, 7.5 to 1 |
| 17 | `#bf967e` | `oklch(70.48% 0.0604 50.39)` | Maple Sugar | black, 7.8 to 1 |
| 18 | `#bf9b7c` | `oklch(71.47% 0.0609 62.98)` | Teatime | black, 8.1 to 1 |
| 19 | `#bca17b` | `oklch(72.30% 0.0612 75.61)` | Satyr Brown | black, 8.5 to 1 |
| 20 | `#b7a67b` | `oklch(72.90% 0.0612 88.23)` | Texas Sage | black, 8.7 to 1 |
| 21 | `#b0aa7d` | `oklch(73.22% 0.0610 100.78)` | Thimbleberry Leaf | black, 8.9 to 1 |
| 22 | `#a8ad81` | `oklch(73.17% 0.0604 113.26)` | Wall Green | black, 8.9 to 1 |
| 23 | `#9dae86` | `oklch(72.72% 0.0593 126.58)` | Venetian Glass | black, 8.8 to 1 |
| 24 | `#91ae8c` | `oklch(71.94% 0.0577 140.70)` | Flora Green | black, 8.6 to 1 |
| 25 | `#86ac92` | `oklch(70.91% 0.0559 155.27)` | Pale Willow | black, 8.3 to 1 |
| 26 | `#7ca998` | `oklch(69.69% 0.0538 169.91)` | Catnip | black, 7.9 to 1 |
| 27 | `#75a49d` | `oklch(68.38% 0.0516 184.28)` | Catalina | black, 7.5 to 1 |
| 28 | `#719fa0` | `oklch(67.04% 0.0494 197.99)` | Delaware Blue Hen | black, 7.1 to 1 |
| 29 | `#709aa2` | `oklch(65.76% 0.0473 210.69)` | Great Fennel Flower | black, 6.8 to 1 |
| 30 | `#7095a2` | `oklch(64.60% 0.0454 222.01)` | Silver Fir Blue | black, 6.4 to 1 |
| 31 | `#7190a1` | `oklch(63.66% 0.0438 231.58)` | Wave Jumper | black, 6.2 to 1 |
| 32 | `#728da1` | `oklch(62.99% 0.0427 239.05)` | Blue Grey | black, 6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #7793ac 0.0%, #7992ad 3.2%, #7c90ae 6.5%, #808eaf 9.7%, #858caf 12.9%, #8a8aae 16.1%, #9088ac 19.4%, #9686a9 22.6%, #9d84a5 25.8%, #a283a0 29.0%, #a8839b 32.3%, #ad8396 35.5%, #b28591 38.7%, #b7888b 41.9%, #bb8c87 45.2%, #be9082 48.4%, #bf967e 51.6%, #bf9b7c 54.8%, #bca17b 58.1%, #b7a67b 61.3%, #b0aa7d 64.5%, #a8ad81 67.7%, #9dae86 71.0%, #91ae8c 74.2%, #86ac92 77.4%, #7ca998 80.6%, #75a49d 83.9%, #719fa0 87.1%, #709aa2 90.3%, #7095a2 93.5%, #7190a1 96.8%, #728da1 100.0%);
background: linear-gradient(180deg in oklch, oklch(64.96% 0.0496 246.09) 0.0%, oklch(64.95% 0.0500 251.54) 3.2%, oklch(64.90% 0.0505 258.36) 6.5%, oklch(64.82% 0.0512 266.36) 9.7%, oklch(64.74% 0.0519 275.35) 12.9%, oklch(64.67% 0.0527 285.15) 16.1%, oklch(64.64% 0.0534 295.56) 19.4%, oklch(64.66% 0.0542 306.41) 22.6%, oklch(64.75% 0.0550 317.51) 25.8%, oklch(64.93% 0.0557 328.67) 29.0%, oklch(65.23% 0.0563 339.70) 32.3%, oklch(65.69% 0.0569 350.61) 35.5%, oklch(66.40% 0.0576 1.93) 38.7%, oklch(67.30% 0.0583 13.64) 41.9%, oklch(68.33% 0.0591 25.66) 45.2%, oklch(69.42% 0.0598 37.93) 48.4%, oklch(70.48% 0.0604 50.39) 51.6%, oklch(71.47% 0.0609 62.98) 54.8%, oklch(72.30% 0.0612 75.61) 58.1%, oklch(72.90% 0.0612 88.23) 61.3%, oklch(73.22% 0.0610 100.78) 64.5%, oklch(73.17% 0.0604 113.26) 67.7%, oklch(72.72% 0.0593 126.58) 71.0%, oklch(71.94% 0.0577 140.70) 74.2%, oklch(70.91% 0.0559 155.27) 77.4%, oklch(69.69% 0.0538 169.91) 80.6%, oklch(68.38% 0.0516 184.28) 83.9%, oklch(67.04% 0.0494 197.99) 87.1%, oklch(65.76% 0.0473 210.69) 90.3%, oklch(64.60% 0.0454 222.01) 93.5%, oklch(63.66% 0.0438 231.58) 96.8%, oklch(62.99% 0.0427 239.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.05 | 246.1 |
| 2 | 0.654 | 0.056 | 343.3 |
| 3 | 0.732 | 0.061 | 469.1 |
| 4 | 0.63 | 0.043 | 599 |

## In these collections

- [Muted rainbow gradients](https://grabient.com/muted-rainbow-gradients)

## Other forms

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