# Blue and silver muted rainbow palette

The Blue and silver muted rainbow palette brings together blue, teal, gray, light orange, and light red. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Navy, teal, gray and lavender linear swatches
- Seed: `kaUTW0Nxm7seWPNXCTk4I61d6Pu7TE7dA`
- Page: https://grabient.com/kaUTW0Nxm7seWPNXCTk4I61d6Pu7TE7dA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.8 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 | `#143357` | `oklch(31.89% 0.0730 253.12)` | Incremental Blue | white, 12.7 to 1 |
| 2 | `#0e4460` | `oklch(36.79% 0.0723 236.81)` | Forest Blues | white, 10.3 to 1 |
| 3 | `#145a6a` | `oklch(43.31% 0.0703 217.20)` | Connor’s Lakefront | white, 7.7 to 1 |
| 4 | `#2b6e75` | `oklch(49.75% 0.0675 205.31)` | Blue Hosta | white, 5.8 to 1 |
| 5 | `#48817e` | `oklch(56.30% 0.0606 190.78)` | Bubble Turquoise | black, 4.7 to 1 |
| 6 | `#719183` | `oklch(62.75% 0.0412 166.14)` | Hawkesbury | black, 6 to 1 |
| 7 | `#949d8e` | `oklch(68.50% 0.0248 133.71)` | Charcoal Tint | black, 7.4 to 1 |
| 8 | `#b0a793` | `oklch(73.11% 0.0300 88.01)` | Linseed | black, 8.8 to 1 |
| 9 | `#c8aa9d` | `oklch(75.98% 0.0400 44.94)` | Floral Arrangement | black, 9.6 to 1 |
| 10 | `#cba8a4` | `oklch(76.23% 0.0416 25.99)` | Parfait | black, 9.7 to 1 |
| 11 | `#c5a1a6` | `oklch(74.41% 0.0427 9.02)` | Lighthearted Rose | black, 9 to 1 |
| 12 | `#b093ac` | `oklch(69.78% 0.0484 330.31)` | London Hue | black, 7.6 to 1 |
| 13 | `#938aae` | `oklch(65.35% 0.0537 296.10)` | Larkspur Violet | black, 6.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #143357 0.000% 7.692%, #0e4460 7.692% 15.385%, #145a6a 15.385% 23.077%, #2b6e75 23.077% 30.769%, #48817e 30.769% 38.462%, #719183 38.462% 46.154%, #949d8e 46.154% 53.846%, #b0a793 53.846% 61.538%, #c8aa9d 61.538% 69.231%, #cba8a4 69.231% 76.923%, #c5a1a6 76.923% 84.615%, #b093ac 84.615% 92.308%, #938aae 92.308% 100.000%);
background: linear-gradient(90deg, oklch(31.89% 0.0730 253.12) 0.000% 7.692%, oklch(36.79% 0.0723 236.81) 7.692% 15.385%, oklch(43.31% 0.0703 217.20) 15.385% 23.077%, oklch(49.75% 0.0675 205.31) 23.077% 30.769%, oklch(56.30% 0.0606 190.78) 30.769% 38.462%, oklch(62.75% 0.0412 166.14) 38.462% 46.154%, oklch(68.50% 0.0248 133.71) 46.154% 53.846%, oklch(73.11% 0.0300 88.01) 53.846% 61.538%, oklch(75.98% 0.0400 44.94) 61.538% 69.231%, oklch(76.23% 0.0416 25.99) 69.231% 76.923%, oklch(74.41% 0.0427 9.02) 76.923% 84.615%, oklch(69.78% 0.0484 330.31) 84.615% 92.308%, oklch(65.35% 0.0537 296.10) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.073 | 253.1 |
| 2 | 0.433 | 0.07 | 217.2 |
| 3 | 0.563 | 0.061 | 190.8 |
| 4 | 0.685 | 0.025 | 133.7 |
| 5 | 0.76 | 0.04 | 44.9 |
| 6 | 0.744 | 0.043 | 9 |
| 7 | 0.654 | 0.054 | -63.9 |

## In these collections

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

## Other forms

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