# Deep teal and mauve silver palette

The Deep teal and mauve silver palette brings together teal, light gray, off-white, and red. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: Dark green, gray, white and brown linear gradient
- Seed: `kaThuEu48_NQKwBshD8-AKx9ITPQwED5A`
- Page: https://grabient.com/kaThuEu48_NQKwBshD8-AKx9ITPQwED5A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.3 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 | `#173632` | `oklch(30.71% 0.0372 186.33)` | Medium Jungle Green | white, 13 to 1 |
| 2 | `#1c3b37` | `oklch(32.77% 0.0380 185.39)` | Kōrainando Green | white, 12.1 to 1 |
| 3 | `#23433e` | `oklch(35.64% 0.0393 184.00)` | Metal Deluxe | white, 10.8 to 1 |
| 4 | `#2b4c47` | `oklch(39.03% 0.0406 182.45)` | Amphibian | white, 9.3 to 1 |
| 5 | `#345750` | `oklch(42.67% 0.0414 181.04)` | Balsam Branch | white, 8 to 1 |
| 6 | `#3e615a` | `oklch(46.27% 0.0415 180.08)` | Emerson | white, 6.8 to 1 |
| 7 | `#496a63` | `oklch(49.78% 0.0403 179.82)` | Riverbend | white, 5.9 to 1 |
| 8 | `#55756e` | `oklch(53.46% 0.0384 180.12)` | September Sea | white, 5 to 1 |
| 9 | `#617f79` | `oklch(57.25% 0.0358 180.66)` | Teal Stencil | black, 4.8 to 1 |
| 10 | `#6e8a84` | `oklch(61.09% 0.0329 181.11)` | Misty Moor | black, 5.6 to 1 |
| 11 | `#7c9590` | `oklch(64.89% 0.0299 181.17)` | Tile Green | black, 6.5 to 1 |
| 12 | `#89a09b` | `oklch(68.71% 0.0268 181.40)` | Meek Moss Green | black, 7.5 to 1 |
| 13 | `#98aca8` | `oklch(72.73% 0.0231 183.49)` | Grey Mist | black, 8.7 to 1 |
| 14 | `#a7b8b5` | `oklch(76.76% 0.0191 185.44)` | Bidwell Blue | black, 10.1 to 1 |
| 15 | `#b5c3c1` | `oklch(80.58% 0.0154 184.96)` | Sky Grey | black, 11.5 to 1 |
| 16 | `#c2cdcb` | `oklch(83.97% 0.0122 179.77)` | Scottish Heath | black, 12.9 to 1 |
| 17 | `#ced6d2` | `oklch(86.88% 0.0099 167.27)` | Old Sterling | black, 14.1 to 1 |
| 18 | `#dbdfdb` | `oklch(89.98% 0.0073 145.72)` | Reflecting Pool | black, 15.6 to 1 |
| 19 | `#e7e8e4` | `oklch(92.83% 0.0051 118.97)` | Silver White | black, 17 to 1 |
| 20 | `#efeeeb` | `oklch(94.81% 0.0041 91.51)` | Magical Moonlight | black, 18 to 1 |
| 21 | `#f2efec` | `oklch(95.30% 0.0049 67.83)` | White Shoulders | black, 18.3 to 1 |
| 22 | `#efe9e5` | `oklch(93.65% 0.0085 52.10)` | Holy Ghost | black, 17.3 to 1 |
| 23 | `#e6d9d4` | `oklch(89.46% 0.0164 43.13)` | Light Lip Gloss | black, 15.2 to 1 |
| 24 | `#d9c3bc` | `oklch(83.45% 0.0271 38.39)` | Summer Beige | black, 12.5 to 1 |
| 25 | `#caaba2` | `oklch(76.53% 0.0382 36.07)` | Art Deco Pink | black, 9.8 to 1 |
| 26 | `#b9938a` | `oklch(69.64% 0.0475 34.34)` | Mauve Blush | black, 7.6 to 1 |
| 27 | `#a98077` | `oklch(63.64% 0.0529 31.43)` | Fresh Cedar | black, 6 to 1 |
| 28 | `#976e68` | `oklch(57.78% 0.0540 27.95)` | Prairie Dog | black, 4.7 to 1 |
| 29 | `#845d59` | `oklch(51.75% 0.0523 24.83)` | Book Binder | white, 5.7 to 1 |
| 30 | `#714d4c` | `oklch(46.07% 0.0492 22.14)` | Marron | white, 7.2 to 1 |
| 31 | `#624141` | `oklch(41.24% 0.0460 19.94)` | Federation Brown | white, 8.9 to 1 |
| 32 | `#573839` | `oklch(37.80% 0.0441 18.30)` | Blood Mahogany | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #173632 0.0%, #1c3b37 3.2%, #23433e 6.5%, #2b4c47 9.7%, #345750 12.9%, #3e615a 16.1%, #496a63 19.4%, #55756e 22.6%, #617f79 25.8%, #6e8a84 29.0%, #7c9590 32.3%, #89a09b 35.5%, #98aca8 38.7%, #a7b8b5 41.9%, #b5c3c1 45.2%, #c2cdcb 48.4%, #ced6d2 51.6%, #dbdfdb 54.8%, #e7e8e4 58.1%, #efeeeb 61.3%, #f2efec 64.5%, #efe9e5 67.7%, #e6d9d4 71.0%, #d9c3bc 74.2%, #caaba2 77.4%, #b9938a 80.6%, #a98077 83.9%, #976e68 87.1%, #845d59 90.3%, #714d4c 93.5%, #624141 96.8%, #573839 100.0%);
background: linear-gradient(45deg in oklch, oklch(30.71% 0.0372 186.33) 0.0%, oklch(32.77% 0.0380 185.39) 3.2%, oklch(35.64% 0.0393 184.00) 6.5%, oklch(39.03% 0.0406 182.45) 9.7%, oklch(42.67% 0.0414 181.04) 12.9%, oklch(46.27% 0.0415 180.08) 16.1%, oklch(49.78% 0.0403 179.82) 19.4%, oklch(53.46% 0.0384 180.12) 22.6%, oklch(57.25% 0.0358 180.66) 25.8%, oklch(61.09% 0.0329 181.11) 29.0%, oklch(64.89% 0.0299 181.17) 32.3%, oklch(68.71% 0.0268 181.40) 35.5%, oklch(72.73% 0.0231 183.49) 38.7%, oklch(76.76% 0.0191 185.44) 41.9%, oklch(80.58% 0.0154 184.96) 45.2%, oklch(83.97% 0.0122 179.77) 48.4%, oklch(86.88% 0.0099 167.27) 51.6%, oklch(89.98% 0.0073 145.72) 54.8%, oklch(92.83% 0.0051 118.97) 58.1%, oklch(94.81% 0.0041 91.51) 61.3%, oklch(95.30% 0.0049 67.83) 64.5%, oklch(93.65% 0.0085 52.10) 67.7%, oklch(89.46% 0.0164 43.13) 71.0%, oklch(83.45% 0.0271 38.39) 74.2%, oklch(76.53% 0.0382 36.07) 77.4%, oklch(69.64% 0.0475 34.34) 80.6%, oklch(63.64% 0.0529 31.43) 83.9%, oklch(57.78% 0.0540 27.95) 87.1%, oklch(51.75% 0.0523 24.83) 90.3%, oklch(46.07% 0.0492 22.14) 93.5%, oklch(41.24% 0.0460 19.94) 96.8%, oklch(37.80% 0.0441 18.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.037 | 186.3 |
| 2 | 0.469 | 0.041 | 180 |
| 3 | 0.661 | 0.029 | 181 |
| 4 | 0.854 | 0.011 | 174.7 |
| 5 | 0.945 | 0.007 | 56.3 |
| 6 | 0.646 | 0.052 | 32 |
| 7 | 0.378 | 0.044 | 18.3 |

## In these collections

- [Silver gradients](https://grabient.com/silver-gradients)

## Other forms

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