# Dusty blue, off-white and gray holographic palette

The Dusty blue, off-white and gray holographic palette brings together blue, magenta, off-white, teal, and gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Seamless blue, purple and white linear gradient
- Seed: `kafBXFyDNA9cxxv5gDY4KQ4VIHwPBBcRA`
- Page: https://grabient.com/kafBXFyDNA9cxxv5gDY4KQ4VIHwPBBcRA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, cool, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.5 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 | `#5c5f71` | `oklch(48.82% 0.0289 277.73)` | Men’s Night | white, 6.3 to 1 |
| 2 | `#5c607d` | `oklch(49.79% 0.0453 278.07)` | Strong Iris | white, 6.1 to 1 |
| 3 | `#5d628e` | `oklch(51.11% 0.0693 278.06)` | Majestic Purple | white, 5.8 to 1 |
| 4 | `#5f64a2` | `oklch(52.71% 0.0962 278.63)` | Blue Iris | white, 5.4 to 1 |
| 5 | `#6466b4` | `oklch(54.49% 0.1210 280.68)` | Bluish Purple Anemone | white, 5.1 to 1 |
| 6 | `#6f67c3` | `oklch(56.38% 0.1386 285.15)` | Ultra Violet | white, 4.7 to 1 |
| 7 | `#8266c9` | `oklch(58.21% 0.1479 294.40)` | Lavish Spending | black, 4.6 to 1 |
| 8 | `#9b62c4` | `oklch(59.97% 0.1530 309.19)` | Trunks Hair | black, 4.9 to 1 |
| 9 | `#b361b8` | `oklch(61.91% 0.1537 325.42)` | Mazzy Star | black, 5.3 to 1 |
| 10 | `#c665ab` | `oklch(64.27% 0.1497 338.90)` | Young Purple | black, 5.8 to 1 |
| 11 | `#d270a9` | `oklch(67.30% 0.1406 345.45)` | Sky Magenta | black, 6.6 to 1 |
| 12 | `#d783ba` | `oklch(71.60% 0.1236 341.53)` | Pink Punk | black, 7.8 to 1 |
| 13 | `#d8a1d5` | `oklch(77.78% 0.0939 328.63)` | Velvet Horizon | black, 10 to 1 |
| 14 | `#d8c2ea` | `oklch(84.62% 0.0588 310.22)` | York Plum | black, 12.8 to 1 |
| 15 | `#e0def1` | `oklch(90.75% 0.0263 289.79)` | Artemis Silver | black, 15.8 to 1 |
| 16 | `#edeef1` | `oklch(94.82% 0.0045 270.81)` | White Whale | black, 18 to 1 |
| 17 | `#f0f0f1` | `oklch(95.58% 0.0011 255.68)` | Snowflake | black, 18.4 to 1 |
| 18 | `#dfeaf3` | `oklch(93.13% 0.0169 240.73)` | Harbour Afternoon | black, 17.1 to 1 |
| 19 | `#bce0f0` | `oklch(88.66% 0.0436 226.19)` | Tropical Pool | black, 15 to 1 |
| 20 | `#91d5e5` | `oklch(83.37% 0.0721 213.24)` | Infinity Pool | black, 12.8 to 1 |
| 21 | `#68cbd3` | `oklch(78.46% 0.0934 203.10)` | Beach Sparkle | black, 11 to 1 |
| 22 | `#55c1c3` | `oklch(75.02% 0.0990 196.91)` | Gem Turquoise | black, 9.8 to 1 |
| 23 | `#59b8b7` | `oklch(72.50% 0.0898 194.78)` | Dickie Bird | black, 8.9 to 1 |
| 24 | `#67aeae` | `oklch(70.38% 0.0717 195.75)` | Fountain Blue | black, 8.2 to 1 |
| 25 | `#75a4a5` | `oklch(68.43% 0.0504 198.86)` | Sightful | black, 7.5 to 1 |
| 26 | `#7e999c` | `oklch(66.43% 0.0311 203.15)` | Soul Quenching | black, 6.9 to 1 |
| 27 | `#809093` | `oklch(64.16% 0.0194 207.71)` | Dark Storm Cloud | black, 6.3 to 1 |
| 28 | `#7b878a` | `oklch(61.41% 0.0144 214.08)` | Nature Retreat | black, 5.6 to 1 |
| 29 | `#747d81` | `oklch(58.41% 0.0129 222.31)` | Hidden Peak | black, 5 to 1 |
| 30 | `#6b757a` | `oklch(55.48% 0.0135 230.98)` | Silver Hill | white, 4.7 to 1 |
| 31 | `#646d73` | `oklch(52.96% 0.0148 238.66)` | Wall Street | white, 5.2 to 1 |
| 32 | `#60686f` | `oklch(51.18% 0.0152 243.92)` | King Creek Falls | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5c5f71 0.0%, #5c607d 3.2%, #5d628e 6.5%, #5f64a2 9.7%, #6466b4 12.9%, #6f67c3 16.1%, #8266c9 19.4%, #9b62c4 22.6%, #b361b8 25.8%, #c665ab 29.0%, #d270a9 32.3%, #d783ba 35.5%, #d8a1d5 38.7%, #d8c2ea 41.9%, #e0def1 45.2%, #edeef1 48.4%, #f0f0f1 51.6%, #dfeaf3 54.8%, #bce0f0 58.1%, #91d5e5 61.3%, #68cbd3 64.5%, #55c1c3 67.7%, #59b8b7 71.0%, #67aeae 74.2%, #75a4a5 77.4%, #7e999c 80.6%, #809093 83.9%, #7b878a 87.1%, #747d81 90.3%, #6b757a 93.5%, #646d73 96.8%, #60686f 100.0%);
background: linear-gradient(90deg in oklch, oklch(48.82% 0.0289 277.73) 0.0%, oklch(49.79% 0.0453 278.07) 3.2%, oklch(51.11% 0.0693 278.06) 6.5%, oklch(52.71% 0.0962 278.63) 9.7%, oklch(54.49% 0.1210 280.68) 12.9%, oklch(56.38% 0.1386 285.15) 16.1%, oklch(58.21% 0.1479 294.40) 19.4%, oklch(59.97% 0.1530 309.19) 22.6%, oklch(61.91% 0.1537 325.42) 25.8%, oklch(64.27% 0.1497 338.90) 29.0%, oklch(67.30% 0.1406 345.45) 32.3%, oklch(71.60% 0.1236 341.53) 35.5%, oklch(77.78% 0.0939 328.63) 38.7%, oklch(84.62% 0.0588 310.22) 41.9%, oklch(90.75% 0.0263 289.79) 45.2%, oklch(94.82% 0.0045 270.81) 48.4%, oklch(95.58% 0.0011 255.68) 51.6%, oklch(93.13% 0.0169 240.73) 54.8%, oklch(88.66% 0.0436 226.19) 58.1%, oklch(83.37% 0.0721 213.24) 61.3%, oklch(78.46% 0.0934 203.10) 64.5%, oklch(75.02% 0.0990 196.91) 67.7%, oklch(72.50% 0.0898 194.78) 71.0%, oklch(70.38% 0.0717 195.75) 74.2%, oklch(68.43% 0.0504 198.86) 77.4%, oklch(66.43% 0.0311 203.15) 80.6%, oklch(64.16% 0.0194 207.71) 83.9%, oklch(61.41% 0.0144 214.08) 87.1%, oklch(58.41% 0.0129 222.31) 90.3%, oklch(55.48% 0.0135 230.98) 93.5%, oklch(52.96% 0.0148 238.66) 96.8%, oklch(51.18% 0.0152 243.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.029 | 277.7 |
| 2 | 0.567 | 0.141 | 286.2 |
| 3 | 0.685 | 0.136 | 345.4 |
| 4 | 0.957 | 0 | 262.9 |
| 5 | 0.76 | 0.099 | 198.5 |
| 6 | 0.646 | 0.021 | 206.9 |
| 7 | 0.512 | 0.015 | 243.9 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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