# Silver gray palette

The Silver gray palette brings together gray and light gray. The colors span a moderate lightness range, combining near-neutral color with gentle contrast. Its quiet and understated character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is light gray.

- Also called: Gray angular gradient
- Seed: `kUjA7SXAdBW2EwVLhj0g`
- Page: https://grabient.com/kUjA7SXAdBW2EwVLhj0g?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 3.2 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 | `#72707c` | `oklch(55.12% 0.0193 295.31)` | Paisley | white, 4.8 to 1 |
| 2 | `#76737f` | `oklch(56.13% 0.0193 295.98)` | Pearl Blackberry | white, 4.6 to 1 |
| 3 | `#7a7683` | `oklch(57.43% 0.0194 296.83)` | Brewing Storm | black, 4.7 to 1 |
| 4 | `#7e7b88` | `oklch(58.99% 0.0195 297.84)` | Silver Surfer | black, 5 to 1 |
| 5 | `#84808d` | `oklch(60.73% 0.0196 298.97)` | In the Twilight | black, 5.4 to 1 |
| 6 | `#8a8592` | `oklch(62.60% 0.0197 300.19)` | Miracle | black, 5.8 to 1 |
| 7 | `#908b98` | `oklch(64.54% 0.0198 301.47)` | Tin Lizzie | black, 6.3 to 1 |
| 8 | `#96919e` | `oklch(66.50% 0.0198 302.78)` | Duchess Lilac | black, 6.8 to 1 |
| 9 | `#9c97a4` | `oklch(68.43% 0.0198 304.08)` | Fortune | black, 7.3 to 1 |
| 10 | `#a29ca9` | `oklch(70.25% 0.0196 305.35)` | Indolence | black, 7.8 to 1 |
| 11 | `#a7a1ae` | `oklch(71.93% 0.0194 306.56)` | Luxe Lilac | black, 8.3 to 1 |
| 12 | `#aca6b3` | `oklch(73.51% 0.0190 307.75)` | Palace Walls | black, 8.8 to 1 |
| 13 | `#b2acb8` | `oklch(75.31% 0.0185 309.19)` | Chatelle | black, 9.4 to 1 |
| 14 | `#b9b2be` | `oklch(77.25% 0.0177 310.80)` | Titmouse Grey | black, 10.1 to 1 |
| 15 | `#bfb8c3` | `oklch(79.24% 0.0169 312.48)` | Pocketful of Posies | black, 10.8 to 1 |
| 16 | `#c5bfc9` | `oklch(81.17% 0.0160 314.14)` | Grape Mist | black, 11.6 to 1 |
| 17 | `#cbc4ce` | `oklch(82.95% 0.0151 315.68)` | Posture & Pose | black, 12.3 to 1 |
| 18 | `#d0c9d2` | `oklch(84.47% 0.0143 317.01)` | Chrome Chalice | black, 12.9 to 1 |
| 19 | `#d4cdd6` | `oklch(85.63% 0.0136 318.04)` | Jam Session | black, 13.4 to 1 |
| 20 | `#d6cfd8` | `oklch(86.34% 0.0130 318.66)` | Jam Session | black, 13.8 to 1 |
| 21 | `#d6d0d8` | `oklch(86.48% 0.0125 318.80)` | Lilac Mauve | black, 13.8 to 1 |
| 22 | `#d4ced6` | `oklch(85.96% 0.0124 318.33)` | Jam Session | black, 13.6 to 1 |
| 23 | `#d0cad2` | `oklch(84.56% 0.0124 317.10)` | Orchid Tint | black, 13 to 1 |
| 24 | `#c8c3cb` | `oklch(82.39% 0.0127 315.21)` | Posture & Pose | black, 12.1 to 1 |
| 25 | `#bfbac3` | `oklch(79.64% 0.0131 312.82)` | Red Lilac Purple | black, 11 to 1 |
| 26 | `#b5b0b9` | `oklch(76.49% 0.0136 310.09)` | Veiled Delight | black, 9.9 to 1 |
| 27 | `#aaa6af` | `oklch(73.13% 0.0141 307.17)` | Palace Walls | black, 8.7 to 1 |
| 28 | `#9f9ba5` | `oklch(69.73% 0.0147 304.22)` | Colorado Peak | black, 7.7 to 1 |
| 29 | `#95929c` | `oklch(66.48% 0.0153 301.41)` | Lilac Fields | black, 6.8 to 1 |
| 30 | `#8c8993` | `oklch(63.56% 0.0158 298.88)` | Horseshoe | black, 6.1 to 1 |
| 31 | `#84828c` | `oklch(61.15% 0.0163 296.79)` | In the Twilight | black, 5.5 to 1 |
| 32 | `#7f7d88` | `oklch(59.45% 0.0165 295.31)` | Silver Surfer | black, 5.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #72707c 0.0%, #76737f 3.2%, #7a7683 6.5%, #7e7b88 9.7%, #84808d 12.9%, #8a8592 16.1%, #908b98 19.4%, #96919e 22.6%, #9c97a4 25.8%, #a29ca9 29.0%, #a7a1ae 32.3%, #aca6b3 35.5%, #b2acb8 38.7%, #b9b2be 41.9%, #bfb8c3 45.2%, #c5bfc9 48.4%, #cbc4ce 51.6%, #d0c9d2 54.8%, #d4cdd6 58.1%, #d6cfd8 61.3%, #d6d0d8 64.5%, #d4ced6 67.7%, #d0cad2 71.0%, #c8c3cb 74.2%, #bfbac3 77.4%, #b5b0b9 80.6%, #aaa6af 83.9%, #9f9ba5 87.1%, #95929c 90.3%, #8c8993 93.5%, #84828c 96.8%, #7f7d88 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(55.12% 0.0193 295.31) 0.0%, oklch(56.13% 0.0193 295.98) 3.2%, oklch(57.43% 0.0194 296.83) 6.5%, oklch(58.99% 0.0195 297.84) 9.7%, oklch(60.73% 0.0196 298.97) 12.9%, oklch(62.60% 0.0197 300.19) 16.1%, oklch(64.54% 0.0198 301.47) 19.4%, oklch(66.50% 0.0198 302.78) 22.6%, oklch(68.43% 0.0198 304.08) 25.8%, oklch(70.25% 0.0196 305.35) 29.0%, oklch(71.93% 0.0194 306.56) 32.3%, oklch(73.51% 0.0190 307.75) 35.5%, oklch(75.31% 0.0185 309.19) 38.7%, oklch(77.25% 0.0177 310.80) 41.9%, oklch(79.24% 0.0169 312.48) 45.2%, oklch(81.17% 0.0160 314.14) 48.4%, oklch(82.95% 0.0151 315.68) 51.6%, oklch(84.47% 0.0143 317.01) 54.8%, oklch(85.63% 0.0136 318.04) 58.1%, oklch(86.34% 0.0130 318.66) 61.3%, oklch(86.48% 0.0125 318.80) 64.5%, oklch(85.96% 0.0124 318.33) 67.7%, oklch(84.56% 0.0124 317.10) 71.0%, oklch(82.39% 0.0127 315.21) 74.2%, oklch(79.64% 0.0131 312.82) 77.4%, oklch(76.49% 0.0136 310.09) 80.6%, oklch(73.13% 0.0141 307.17) 83.9%, oklch(69.73% 0.0147 304.22) 87.1%, oklch(66.48% 0.0153 301.41) 90.3%, oklch(63.56% 0.0158 298.88) 93.5%, oklch(61.15% 0.0163 296.79) 96.8%, oklch(59.45% 0.0165 295.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.019 | 295.3 |
| 2 | 0.724 | 0.019 | 306.9 |
| 3 | 0.862 | 0.012 | 318.6 |
| 4 | 0.594 | 0.017 | 295.3 |

## In these collections

- [Gray gradients](https://grabient.com/gray-gradients)

## Other forms

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