# Silver, teal and champagne holographic palette

The Silver, teal and champagne holographic palette brings together light gray, magenta, purple, blue, teal, green, gold, and off-white. 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: Gray, navy and tan linear gradient
- Seed: `kcvwLyxJZAzOXO6skDjwpe4VghuLlo7vewdAw`
- Page: https://grabient.com/kcvwLyxJZAzOXO6skDjwpe4VghuLlo7vewdAw?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark center, muted, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 10.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 | `#b0aeaf` | `oklch(75.20% 0.0028 341.02)` | Industrial Age | black, 9.4 to 1 |
| 2 | `#aaa0a6` | `oklch(71.68% 0.0130 343.04)` | Beijing Moon | black, 8.3 to 1 |
| 3 | `#a28d98` | `oklch(66.60% 0.0280 346.28)` | Gothic Amethyst | black, 6.8 to 1 |
| 4 | `#987987` | `oklch(60.96% 0.0440 348.97)` | Mountbatten Pink | black, 5.4 to 1 |
| 5 | `#8e6679` | `oklch(55.77% 0.0570 349.38)` | Sweet Violet | white, 4.8 to 1 |
| 6 | `#835970` | `oklch(51.77% 0.0638 346.07)` | Euphoric Magenta | white, 5.7 to 1 |
| 7 | `#784f6a` | `oklch(48.29% 0.0666 339.81)` | Dahlia Matte Red | white, 6.6 to 1 |
| 8 | `#6b4867` | `oklch(45.21% 0.0666 331.41)` | Sultana | white, 7.6 to 1 |
| 9 | `#5f4264` | `oklch(42.53% 0.0651 321.56)` | Sunset Serenade | white, 8.5 to 1 |
| 10 | `#533e61` | `oklch(40.24% 0.0631 310.93)` | English Violet | white, 9.3 to 1 |
| 11 | `#473b5d` | `oklch(38.01% 0.0590 298.99)` | Mulberry Purple | white, 10.2 to 1 |
| 12 | `#3a3958` | `oklch(36.00% 0.0531 285.67)` | Magic Night | white, 11 to 1 |
| 13 | `#313853` | `oklch(34.73% 0.0474 271.57)` | Mediaeval Blue | white, 11.4 to 1 |
| 14 | `#2b3b51` | `oklch(34.74% 0.0443 257.32)` | Madison | white, 11.4 to 1 |
| 15 | `#294155` | `oklch(36.54% 0.0451 243.17)` | Reef Resort | white, 10.5 to 1 |
| 16 | `#2a4d5d` | `oklch(40.10% 0.0489 228.59)` | Celtic Rush | white, 9 to 1 |
| 17 | `#2c5c67` | `oklch(44.64% 0.0544 213.81)` | Night Shift | white, 7.3 to 1 |
| 18 | `#326c6e` | `oklch(49.34% 0.0606 199.12)` | Aquarium | white, 5.9 to 1 |
| 19 | `#3b7a72` | `oklch(53.48% 0.0664 184.75)` | Pearl Green | white, 4.9 to 1 |
| 20 | `#498772` | `oklch(57.49% 0.0729 170.03)` | Think Leaf | black, 4.9 to 1 |
| 21 | `#5c9370` | `oklch(61.53% 0.0800 155.31)` | Skarsnik Green | black, 5.8 to 1 |
| 22 | `#729e6c` | `oklch(65.38% 0.0866 141.41)` | Blackthorn Green | black, 6.8 to 1 |
| 23 | `#89a668` | `oklch(68.84% 0.0918 129.13)` | Scarpetta | black, 7.7 to 1 |
| 24 | `#9dac65` | `oklch(71.65% 0.0960 118.50)` | Herbal Garden | black, 8.5 to 1 |
| 25 | `#afb062` | `oklch(73.87% 0.1005 108.90)` | Palm | black, 9.1 to 1 |
| 26 | `#bfb362` | `oklch(75.94% 0.1030 100.86)` | New Avocado | black, 9.8 to 1 |
| 27 | `#cdb86a` | `oklch(78.29% 0.1014 94.92)` | Trumpet | black, 10.6 to 1 |
| 28 | `#d8c17b` | `oklch(81.38% 0.0932 91.76)` | Morning’s Egg | black, 11.7 to 1 |
| 29 | `#e1cf96` | `oklch(85.51% 0.0760 92.20)` | Bongo Skin | black, 13.5 to 1 |
| 30 | `#e9deb6` | `oklch(90.00% 0.0541 94.87)` | Jodhpurs | black, 15.6 to 1 |
| 31 | `#f1ecd3` | `oklch(94.05% 0.0334 98.07)` | Rum Swizzle | black, 17.6 to 1 |
| 32 | `#f7f5e7` | `oklch(96.85% 0.0193 100.08)` | Vermont Cream | black, 19.2 to 1 |

## CSS

```css
background: linear-gradient(315deg, #b0aeaf 0.0%, #aaa0a6 3.2%, #a28d98 6.5%, #987987 9.7%, #8e6679 12.9%, #835970 16.1%, #784f6a 19.4%, #6b4867 22.6%, #5f4264 25.8%, #533e61 29.0%, #473b5d 32.3%, #3a3958 35.5%, #313853 38.7%, #2b3b51 41.9%, #294155 45.2%, #2a4d5d 48.4%, #2c5c67 51.6%, #326c6e 54.8%, #3b7a72 58.1%, #498772 61.3%, #5c9370 64.5%, #729e6c 67.7%, #89a668 71.0%, #9dac65 74.2%, #afb062 77.4%, #bfb362 80.6%, #cdb86a 83.9%, #d8c17b 87.1%, #e1cf96 90.3%, #e9deb6 93.5%, #f1ecd3 96.8%, #f7f5e7 100.0%);
background: linear-gradient(315deg in oklch, oklch(75.20% 0.0028 341.02) 0.0%, oklch(71.68% 0.0130 343.04) 3.2%, oklch(66.60% 0.0280 346.28) 6.5%, oklch(60.96% 0.0440 348.97) 9.7%, oklch(55.77% 0.0570 349.38) 12.9%, oklch(51.77% 0.0638 346.07) 16.1%, oklch(48.29% 0.0666 339.81) 19.4%, oklch(45.21% 0.0666 331.41) 22.6%, oklch(42.53% 0.0651 321.56) 25.8%, oklch(40.24% 0.0631 310.93) 29.0%, oklch(38.01% 0.0590 298.99) 32.3%, oklch(36.00% 0.0531 285.67) 35.5%, oklch(34.73% 0.0474 271.57) 38.7%, oklch(34.74% 0.0443 257.32) 41.9%, oklch(36.54% 0.0451 243.17) 45.2%, oklch(40.10% 0.0489 228.59) 48.4%, oklch(44.64% 0.0544 213.81) 51.6%, oklch(49.34% 0.0606 199.12) 54.8%, oklch(53.48% 0.0664 184.75) 58.1%, oklch(57.49% 0.0729 170.03) 61.3%, oklch(61.53% 0.0800 155.31) 64.5%, oklch(65.38% 0.0866 141.41) 67.7%, oklch(68.84% 0.0918 129.13) 71.0%, oklch(71.65% 0.0960 118.50) 74.2%, oklch(73.87% 0.1005 108.90) 77.4%, oklch(75.94% 0.1030 100.86) 80.6%, oklch(78.29% 0.1014 94.92) 83.9%, oklch(81.38% 0.0932 91.76) 87.1%, oklch(85.51% 0.0760 92.20) 90.3%, oklch(90.00% 0.0541 94.87) 93.5%, oklch(94.05% 0.0334 98.07) 96.8%, oklch(96.85% 0.0193 100.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.752 | 0.003 | 341 |
| 2 | 0.539 | 0.061 | 348.4 |
| 3 | 0.406 | 0.063 | 312.5 |
| 4 | 0.35 | 0.044 | 253.3 |
| 5 | 0.524 | 0.065 | 188.8 |
| 6 | 0.693 | 0.092 | 127.6 |
| 7 | 0.799 | 0.098 | 92.7 |
| 8 | 0.969 | 0.019 | 100.1 |

## In these collections

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

## Other forms

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