# Dusty blue and teal glass palette

The Dusty blue and teal glass palette brings together blue, light teal, and off-white. The colors span a broad lightness range, combining restrained color with clear 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: Monochrome gray to light blue linear gradient
- Seed: `kWdRfHS5A710VvLxEL5fQW9w`
- Page: https://grabient.com/kWdRfHS5A710VvLxEL5fQW9w?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#54576a` | `oklch(46.06% 0.0317 279.84)` | Hormagaunt Purple | white, 7.1 to 1 |
| 2 | `#565a6e` | `oklch(47.13% 0.0327 277.00)` | Nightshadow Blue | white, 6.8 to 1 |
| 3 | `#595e73` | `oklch(48.56% 0.0339 273.14)` | Men’s Night | white, 6.4 to 1 |
| 4 | `#5b6479` | `oklch(50.25% 0.0355 268.54)` | Presumption | white, 5.9 to 1 |
| 5 | `#5e6a7f` | `oklch(52.14% 0.0372 263.48)` | Spinning Blue | white, 5.4 to 1 |
| 6 | `#617086` | `oklch(54.13% 0.0390 258.22)` | Blue Cloud | white, 5 to 1 |
| 7 | `#64778d` | `oklch(56.14% 0.0409 253.03)` | Always Indigo | white, 4.6 to 1 |
| 8 | `#677d93` | `oklch(58.08% 0.0427 248.20)` | Blue Suede | black, 4.9 to 1 |
| 9 | `#6a8399` | `oklch(59.89% 0.0446 243.97)` | Lakeville | black, 5.3 to 1 |
| 10 | `#6c899f` | `oklch(61.63% 0.0467 239.97)` | Bermuda Grey | black, 5.7 to 1 |
| 11 | `#6e8fa4` | `oklch(63.36% 0.0492 236.04)` | French Court | black, 6.1 to 1 |
| 12 | `#7096aa` | `oklch(65.10% 0.0517 232.22)` | Architecture Blue | black, 6.5 to 1 |
| 13 | `#729caf` | `oklch(66.85% 0.0542 228.56)` | Meetinghouse Blue | black, 7 to 1 |
| 14 | `#74a2b5` | `oklch(68.62% 0.0564 225.08)` | Grey Blue | black, 7.5 to 1 |
| 15 | `#77a8ba` | `oklch(70.43% 0.0581 221.84)` | Snowboard | black, 8.1 to 1 |
| 16 | `#7bafbf` | `oklch(72.28% 0.0591 218.87)` | Glacier | black, 8.7 to 1 |
| 17 | `#80b5c4` | `oklch(74.20% 0.0592 216.23)` | Tennis Blue | black, 9.3 to 1 |
| 18 | `#86bcc9` | `oklch(76.25% 0.0587 214.04)` | Blue Echo | black, 10 to 1 |
| 19 | `#8ec3ce` | `oklch(78.38% 0.0575 212.20)` | After the Rain | black, 10.8 to 1 |
| 20 | `#96cad4` | `oklch(80.56% 0.0559 210.59)` | Surfside | black, 11.6 to 1 |
| 21 | `#9ed1d9` | `oklch(82.72% 0.0539 209.12)` | Tenzing | black, 12.5 to 1 |
| 22 | `#a6d7df` | `oklch(84.81% 0.0515 207.64)` | Rapture Blue | black, 13.4 to 1 |
| 23 | `#afdde3` | `oklch(86.77% 0.0489 206.06)` | Sky Cloud | black, 14.3 to 1 |
| 24 | `#b7e3e7` | `oklch(88.56% 0.0462 204.26)` | Soaring Sky | black, 15.1 to 1 |
| 25 | `#bee8eb` | `oklch(90.18% 0.0431 202.11)` | Light Vandamint | black, 15.9 to 1 |
| 26 | `#c6ecee` | `oklch(91.72% 0.0391 199.63)` | Icy Breeze | black, 16.6 to 1 |
| 27 | `#cff0f0` | `oklch(93.18% 0.0347 196.97)` | Morning Calm | black, 17.3 to 1 |
| 28 | `#d7f4f3` | `oklch(94.53% 0.0300 194.25)` | Fishious Rend | black, 18 to 1 |
| 29 | `#dff7f5` | `oklch(95.74% 0.0254 191.63)` | Frosty Mint | black, 18.7 to 1 |
| 30 | `#e5f9f7` | `oklch(96.81% 0.0212 189.26)` | Calm Waters | black, 19.2 to 1 |
| 31 | `#ebfcf9` | `oklch(97.71% 0.0177 187.26)` | Cold White | black, 19.7 to 1 |
| 32 | `#effdfb` | `oklch(98.43% 0.0152 185.79)` | Cold White | black, 20.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #54576a 0.0%, #565a6e 3.2%, #595e73 6.5%, #5b6479 9.7%, #5e6a7f 12.9%, #617086 16.1%, #64778d 19.4%, #677d93 22.6%, #6a8399 25.8%, #6c899f 29.0%, #6e8fa4 32.3%, #7096aa 35.5%, #729caf 38.7%, #74a2b5 41.9%, #77a8ba 45.2%, #7bafbf 48.4%, #80b5c4 51.6%, #86bcc9 54.8%, #8ec3ce 58.1%, #96cad4 61.3%, #9ed1d9 64.5%, #a6d7df 67.7%, #afdde3 71.0%, #b7e3e7 74.2%, #bee8eb 77.4%, #c6ecee 80.6%, #cff0f0 83.9%, #d7f4f3 87.1%, #dff7f5 90.3%, #e5f9f7 93.5%, #ebfcf9 96.8%, #effdfb 100.0%);
background: linear-gradient(45deg in oklch, oklch(46.06% 0.0317 279.84) 0.0%, oklch(47.13% 0.0327 277.00) 3.2%, oklch(48.56% 0.0339 273.14) 6.5%, oklch(50.25% 0.0355 268.54) 9.7%, oklch(52.14% 0.0372 263.48) 12.9%, oklch(54.13% 0.0390 258.22) 16.1%, oklch(56.14% 0.0409 253.03) 19.4%, oklch(58.08% 0.0427 248.20) 22.6%, oklch(59.89% 0.0446 243.97) 25.8%, oklch(61.63% 0.0467 239.97) 29.0%, oklch(63.36% 0.0492 236.04) 32.3%, oklch(65.10% 0.0517 232.22) 35.5%, oklch(66.85% 0.0542 228.56) 38.7%, oklch(68.62% 0.0564 225.08) 41.9%, oklch(70.43% 0.0581 221.84) 45.2%, oklch(72.28% 0.0591 218.87) 48.4%, oklch(74.20% 0.0592 216.23) 51.6%, oklch(76.25% 0.0587 214.04) 54.8%, oklch(78.38% 0.0575 212.20) 58.1%, oklch(80.56% 0.0559 210.59) 61.3%, oklch(82.72% 0.0539 209.12) 64.5%, oklch(84.81% 0.0515 207.64) 67.7%, oklch(86.77% 0.0489 206.06) 71.0%, oklch(88.56% 0.0462 204.26) 74.2%, oklch(90.18% 0.0431 202.11) 77.4%, oklch(91.72% 0.0391 199.63) 80.6%, oklch(93.18% 0.0347 196.97) 83.9%, oklch(94.53% 0.0300 194.25) 87.1%, oklch(95.74% 0.0254 191.63) 90.3%, oklch(96.81% 0.0212 189.26) 93.5%, oklch(97.71% 0.0177 187.26) 96.8%, oklch(98.43% 0.0152 185.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.032 | 279.8 |
| 2 | 0.594 | 0.044 | 245 |
| 3 | 0.732 | 0.059 | 217.5 |
| 4 | 0.89 | 0.045 | 203.8 |
| 5 | 0.984 | 0.015 | 185.8 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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