# Gray and pale aqua glass palette

The Gray and pale aqua glass palette brings together gray, light gray, off-white, and light teal. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is off-white.

- Also called: Gray, white and light blue linear gradient
- Seed: `kaiAyb3IY_HGEPn8gj6-AhBuoOQFJiEDA`
- Page: https://grabient.com/kaiAyb3IY_HGEPn8gj6-AhBuoOQFJiEDA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, neutral, light, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.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 | `#637074` | `oklch(53.54% 0.0165 218.67)` | Myth | white, 5.1 to 1 |
| 2 | `#6a777b` | `oklch(56.10% 0.0166 217.79)` | Pike Lake | white, 4.6 to 1 |
| 3 | `#758286` | `oklch(59.73% 0.0168 216.59)` | Classic Movie | black, 5.2 to 1 |
| 4 | `#818f92` | `oklch(63.95% 0.0169 215.13)` | Dark Storm Cloud | black, 6.2 to 1 |
| 5 | `#8e9c9f` | `oklch(68.28% 0.0169 213.45)` | Boredom | black, 7.4 to 1 |
| 6 | `#9aa8ab` | `oklch(72.24% 0.0166 211.60)` | Mission Bay Blue | black, 8.5 to 1 |
| 7 | `#a5b3b6` | `oklch(75.74% 0.0160 209.51)` | Stardew | black, 9.7 to 1 |
| 8 | `#b1bec0` | `oklch(79.23% 0.0150 207.08)` | Arctic Feelings | black, 11 to 1 |
| 9 | `#bcc9ca` | `oklch(82.59% 0.0138 204.47)` | Oceanic Climate | black, 12.3 to 1 |
| 10 | `#c7d3d3` | `oklch(85.73% 0.0126 201.85)` | Sky Splash | black, 13.6 to 1 |
| 11 | `#d1dcdc` | `oklch(88.53% 0.0114 199.36)` | Northbound | black, 14.9 to 1 |
| 12 | `#dae3e3` | `oklch(90.96% 0.0102 196.94)` | Inverness Grey | black, 16.1 to 1 |
| 13 | `#e2eaea` | `oklch(93.18% 0.0085 194.13)` | Plaster Cast | black, 17.2 to 1 |
| 14 | `#eaf0f0` | `oklch(95.10% 0.0068 191.38)` | Frosted Glass | black, 18.2 to 1 |
| 15 | `#f0f5f5` | `oklch(96.64% 0.0055 189.18)` | Bakery Box | black, 19 to 1 |
| 16 | `#f4f9f8` | `oklch(97.71% 0.0052 188.04)` | Lynx White | black, 19.6 to 1 |
| 17 | `#f5fbfa` | `oklch(98.20% 0.0062 188.51)` | White Porcelain | black, 19.9 to 1 |
| 18 | `#f3fbfa` | `oklch(98.12% 0.0087 190.81)` | White Porcelain | black, 19.9 to 1 |
| 19 | `#eefaf9` | `oklch(97.56% 0.0121 194.25)` | Cold White | black, 19.6 to 1 |
| 20 | `#e8f7f8` | `oklch(96.62% 0.0159 198.01)` | Indigo White | black, 19.1 to 1 |
| 21 | `#e1f4f5` | `oklch(95.40% 0.0198 201.30)` | Bone-Chilling | black, 18.4 to 1 |
| 22 | `#daf0f2` | `oklch(94.02% 0.0232 203.34)` | Let It Snow | black, 17.7 to 1 |
| 23 | `#d2ecef` | `oklch(92.53% 0.0271 204.36)` | Blue Emulsion | black, 17 to 1 |
| 24 | `#cae7eb` | `oklch(90.83% 0.0314 204.81)` | Ethereal Mood | black, 16.1 to 1 |
| 25 | `#c0e1e5` | `oklch(88.76% 0.0352 205.03)` | Right as Rain | black, 15.1 to 1 |
| 26 | `#b6d9dd` | `oklch(86.15% 0.0378 205.37)` | Light Watermark | black, 13.9 to 1 |
| 27 | `#abced3` | `oklch(82.85% 0.0385 206.17)` | Hisoku Blue | black, 12.5 to 1 |
| 28 | `#9dbfc4` | `oklch(78.17% 0.0368 207.52)` | Warm Breezes | black, 10.6 to 1 |
| 29 | `#8facb1` | `oklch(72.46% 0.0331 209.17)` | Bon Voyage | black, 8.7 to 1 |
| 30 | `#80999e` | `oklch(66.59% 0.0288 210.87)` | Ocean Melody | black, 6.9 to 1 |
| 31 | `#74898d` | `oklch(61.44% 0.0247 212.36)` | Twilight Stroll | black, 5.6 to 1 |
| 32 | `#6c7e82` | `oklch(57.87% 0.0220 213.39)` | Blue Blood | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #637074 0.0%, #6a777b 3.2%, #758286 6.5%, #818f92 9.7%, #8e9c9f 12.9%, #9aa8ab 16.1%, #a5b3b6 19.4%, #b1bec0 22.6%, #bcc9ca 25.8%, #c7d3d3 29.0%, #d1dcdc 32.3%, #dae3e3 35.5%, #e2eaea 38.7%, #eaf0f0 41.9%, #f0f5f5 45.2%, #f4f9f8 48.4%, #f5fbfa 51.6%, #f3fbfa 54.8%, #eefaf9 58.1%, #e8f7f8 61.3%, #e1f4f5 64.5%, #daf0f2 67.7%, #d2ecef 71.0%, #cae7eb 74.2%, #c0e1e5 77.4%, #b6d9dd 80.6%, #abced3 83.9%, #9dbfc4 87.1%, #8facb1 90.3%, #80999e 93.5%, #74898d 96.8%, #6c7e82 100.0%);
background: linear-gradient(135deg in oklch, oklch(53.54% 0.0165 218.67) 0.0%, oklch(56.10% 0.0166 217.79) 3.2%, oklch(59.73% 0.0168 216.59) 6.5%, oklch(63.95% 0.0169 215.13) 9.7%, oklch(68.28% 0.0169 213.45) 12.9%, oklch(72.24% 0.0166 211.60) 16.1%, oklch(75.74% 0.0160 209.51) 19.4%, oklch(79.23% 0.0150 207.08) 22.6%, oklch(82.59% 0.0138 204.47) 25.8%, oklch(85.73% 0.0126 201.85) 29.0%, oklch(88.53% 0.0114 199.36) 32.3%, oklch(90.96% 0.0102 196.94) 35.5%, oklch(93.18% 0.0085 194.13) 38.7%, oklch(95.10% 0.0068 191.38) 41.9%, oklch(96.64% 0.0055 189.18) 45.2%, oklch(97.71% 0.0052 188.04) 48.4%, oklch(98.20% 0.0062 188.51) 51.6%, oklch(98.12% 0.0087 190.81) 54.8%, oklch(97.56% 0.0121 194.25) 58.1%, oklch(96.62% 0.0159 198.01) 61.3%, oklch(95.40% 0.0198 201.30) 64.5%, oklch(94.02% 0.0232 203.34) 67.7%, oklch(92.53% 0.0271 204.36) 71.0%, oklch(90.83% 0.0314 204.81) 74.2%, oklch(88.76% 0.0352 205.03) 77.4%, oklch(86.15% 0.0378 205.37) 80.6%, oklch(82.85% 0.0385 206.17) 83.9%, oklch(78.17% 0.0368 207.52) 87.1%, oklch(72.46% 0.0331 209.17) 90.3%, oklch(66.59% 0.0288 210.87) 93.5%, oklch(61.44% 0.0247 212.36) 96.8%, oklch(57.87% 0.0220 213.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.017 | 218.7 |
| 2 | 0.728 | 0.017 | 211.3 |
| 3 | 0.894 | 0.011 | 198.6 |
| 4 | 0.98 | 0.006 | 188 |
| 5 | 0.945 | 0.022 | 202.8 |
| 6 | 0.835 | 0.039 | 206 |
| 7 | 0.579 | 0.022 | 213.4 |

## In these collections

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

## Other forms

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