# Deep teal and mustard olive palette

The Deep teal and mustard olive palette brings together teal, green, yellow, and gold. 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 teal, and its lightest tone is gold.

- Also called: Duotone dark green to tan linear gradient
- Seed: `kUVyGHvBu5tUjuxoqj4g`
- Page: https://grabient.com/kUVyGHvBu5tUjuxoqj4g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#17403e` | `oklch(34.25% 0.0455 190.55)` | Botanical Night | white, 11.3 to 1 |
| 2 | `#18423f` | `oklch(34.97% 0.0472 187.47)` | Tiber | white, 11 to 1 |
| 3 | `#19453f` | `oklch(35.85% 0.0496 183.47)` | Black Soap | white, 10.6 to 1 |
| 4 | `#1b4840` | `oklch(36.87% 0.0523 178.72)` | Country Squire | white, 10.2 to 1 |
| 5 | `#1d4c40` | `oklch(38.03% 0.0554 173.40)` | English Green | white, 9.7 to 1 |
| 6 | `#215040` | `oklch(39.30% 0.0587 167.68)` | Hunt Club | white, 9.1 to 1 |
| 7 | `#26543f` | `oklch(40.66% 0.0621 161.74)` | Green Stain | white, 8.6 to 1 |
| 8 | `#2d583e` | `oklch(42.10% 0.0656 155.76)` | Green Stain | white, 8.1 to 1 |
| 9 | `#345c3d` | `oklch(43.60% 0.0689 149.90)` | Verde Garrafa | white, 7.6 to 1 |
| 10 | `#3c603c` | `oklch(45.15% 0.0721 144.34)` | Cupidity | white, 7.1 to 1 |
| 11 | `#43643b` | `oklch(46.72% 0.0749 139.26)` | Friendly Fairway | white, 6.6 to 1 |
| 12 | `#4b683a` | `oklch(48.33% 0.0775 134.67)` | Garden Green | white, 6.2 to 1 |
| 13 | `#546d3a` | `oklch(50.09% 0.0799 130.11)` | Tiāntāi Mountain Green | white, 5.8 to 1 |
| 14 | `#5d713b` | `oklch(51.96% 0.0822 125.60)` | Venom Wyrm | white, 5.3 to 1 |
| 15 | `#67763c` | `oklch(53.91% 0.0844 121.15)` | Cedar Green | white, 4.9 to 1 |
| 16 | `#717b3d` | `oklch(55.92% 0.0865 116.83)` | Hot Dog Relish | black, 4.5 to 1 |
| 17 | `#7b803e` | `oklch(57.96% 0.0886 112.66)` | Thai Basil | black, 4.9 to 1 |
| 18 | `#858440` | `oklch(59.99% 0.0907 108.70)` | Drab | black, 5.3 to 1 |
| 19 | `#8e8943` | `oklch(61.99% 0.0926 104.97)` | Warm Wetlands | black, 5.8 to 1 |
| 20 | `#988e45` | `oklch(63.93% 0.0946 101.52)` | Retro Avocado | black, 6.2 to 1 |
| 21 | `#a19248` | `oklch(65.77% 0.0965 98.39)` | Off the Grid | black, 6.7 to 1 |
| 22 | `#a9964b` | `oklch(67.50% 0.0985 95.61)` | Semi Opal | black, 7.1 to 1 |
| 23 | `#b19b4e` | `oklch(69.23% 0.1005 93.19)` | Spanish Gold | black, 7.6 to 1 |
| 24 | `#b99f51` | `oklch(70.99% 0.1025 91.08)` | Woollen Mittens | black, 8.1 to 1 |
| 25 | `#c1a455` | `oklch(72.74% 0.1046 89.25)` | Sauterne | black, 8.6 to 1 |
| 26 | `#c9a858` | `oklch(74.46% 0.1066 87.67)` | Glorious Gold | black, 9.2 to 1 |
| 27 | `#d0ad5b` | `oklch(76.11% 0.1085 86.31)` | Hay Wain | black, 9.7 to 1 |
| 28 | `#d6b15f` | `oklch(77.66% 0.1103 85.14)` | Equator | black, 10.3 to 1 |
| 29 | `#ddb562` | `oklch(79.08% 0.1120 84.12)` | Birch Strain | black, 10.8 to 1 |
| 30 | `#e2b864` | `oklch(80.34% 0.1135 83.23)` | Dandelion Wish | black, 11.2 to 1 |
| 31 | `#e7bb67` | `oklch(81.42% 0.1147 82.44)` | Auric Armour Gold | black, 11.7 to 1 |
| 32 | `#ebbd68` | `oklch(82.28% 0.1157 81.70)` | Mustard Sauce | black, 12 to 1 |

## CSS

```css
background: linear-gradient(135deg, #17403e 0.0%, #18423f 3.2%, #19453f 6.5%, #1b4840 9.7%, #1d4c40 12.9%, #215040 16.1%, #26543f 19.4%, #2d583e 22.6%, #345c3d 25.8%, #3c603c 29.0%, #43643b 32.3%, #4b683a 35.5%, #546d3a 38.7%, #5d713b 41.9%, #67763c 45.2%, #717b3d 48.4%, #7b803e 51.6%, #858440 54.8%, #8e8943 58.1%, #988e45 61.3%, #a19248 64.5%, #a9964b 67.7%, #b19b4e 71.0%, #b99f51 74.2%, #c1a455 77.4%, #c9a858 80.6%, #d0ad5b 83.9%, #d6b15f 87.1%, #ddb562 90.3%, #e2b864 93.5%, #e7bb67 96.8%, #ebbd68 100.0%);
background: linear-gradient(135deg in oklch, oklch(34.25% 0.0455 190.55) 0.0%, oklch(34.97% 0.0472 187.47) 3.2%, oklch(35.85% 0.0496 183.47) 6.5%, oklch(36.87% 0.0523 178.72) 9.7%, oklch(38.03% 0.0554 173.40) 12.9%, oklch(39.30% 0.0587 167.68) 16.1%, oklch(40.66% 0.0621 161.74) 19.4%, oklch(42.10% 0.0656 155.76) 22.6%, oklch(43.60% 0.0689 149.90) 25.8%, oklch(45.15% 0.0721 144.34) 29.0%, oklch(46.72% 0.0749 139.26) 32.3%, oklch(48.33% 0.0775 134.67) 35.5%, oklch(50.09% 0.0799 130.11) 38.7%, oklch(51.96% 0.0822 125.60) 41.9%, oklch(53.91% 0.0844 121.15) 45.2%, oklch(55.92% 0.0865 116.83) 48.4%, oklch(57.96% 0.0886 112.66) 51.6%, oklch(59.99% 0.0907 108.70) 54.8%, oklch(61.99% 0.0926 104.97) 58.1%, oklch(63.93% 0.0946 101.52) 61.3%, oklch(65.77% 0.0965 98.39) 64.5%, oklch(67.50% 0.0985 95.61) 67.7%, oklch(69.23% 0.1005 93.19) 71.0%, oklch(70.99% 0.1025 91.08) 74.2%, oklch(72.74% 0.1046 89.25) 77.4%, oklch(74.46% 0.1066 87.67) 80.6%, oklch(76.11% 0.1085 86.31) 83.9%, oklch(77.66% 0.1103 85.14) 87.1%, oklch(79.08% 0.1120 84.12) 90.3%, oklch(80.34% 0.1135 83.23) 93.5%, oklch(81.42% 0.1147 82.44) 96.8%, oklch(82.28% 0.1157 81.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.045 | 190.5 |
| 2 | 0.472 | 0.076 | 137.7 |
| 3 | 0.669 | 0.098 | 96.5 |
| 4 | 0.823 | 0.116 | 81.7 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)

## Other forms

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