# Teal and ochre jewel tones palette

The Teal and ochre jewel tones palette brings together teal, green, 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: Dark green, teal and yellow linear gradient
- Seed: `kWUieBPiE-8wsPvXsjrYrW84`
- Page: https://grabient.com/kWUieBPiE-8wsPvXsjrYrW84?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 6 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 | `#083c35` | `oklch(32.28% 0.0537 181.41)` | Night Turquoise | white, 12.2 to 1 |
| 2 | `#084038` | `oklch(33.65% 0.0568 180.73)` | Botanical Night | white, 11.5 to 1 |
| 3 | `#08463d` | `oklch(35.51% 0.0609 179.83)` | MSU Green | white, 10.7 to 1 |
| 4 | `#084d42` | `oklch(37.74% 0.0658 178.75)` | Aqua Deep | white, 9.7 to 1 |
| 5 | `#085448` | `oklch(40.17% 0.0711 177.55)` | Breathe Deeply | white, 8.8 to 1 |
| 6 | `#095c4e` | `oklch(42.69% 0.0767 176.30)` | Evergreen | white, 7.8 to 1 |
| 7 | `#096453` | `oklch(45.13% 0.0823 175.03)` | Piney Lake | white, 7 to 1 |
| 8 | `#0a6b58` | `oklch(47.37% 0.0875 173.81)` | Chrysocolla Medium Green | white, 6.4 to 1 |
| 9 | `#0b725c` | `oklch(49.26% 0.0920 172.70)` | Tropical Rainforest | white, 5.8 to 1 |
| 10 | `#0a775f` | `oklch(50.93% 0.0964 171.97)` | Tropical Rainforest | white, 5.4 to 1 |
| 11 | `#077d63` | `oklch(52.48% 0.1007 171.54)` | Turquoise Cyan | white, 5.1 to 1 |
| 12 | `#038266` | `oklch(53.93% 0.1048 171.19)` | Bosphorus | white, 4.8 to 1 |
| 13 | `#008669` | `oklch(55.31% 0.1087 170.67)` | Bosphorus | black, 4.6 to 1 |
| 14 | `#008b6c` | `oklch(56.63% 0.1124 169.80)` | Carolina Green | black, 4.9 to 1 |
| 15 | `#02906d` | `oklch(57.92% 0.1164 168.33)` | Sea Swell | black, 5.1 to 1 |
| 16 | `#0f946d` | `oklch(59.20% 0.1197 166.03)` | Viridian | black, 5.4 to 1 |
| 17 | `#1f986c` | `oklch(60.48% 0.1227 162.65)` | Rainforest | black, 5.7 to 1 |
| 18 | `#309c68` | `oklch(61.72% 0.1254 158.04)` | Green Fondant | black, 6 to 1 |
| 19 | `#419f62` | `oklch(62.92% 0.1279 152.47)` | Longing for Nature | black, 6.3 to 1 |
| 20 | `#51a15b` | `oklch(64.09% 0.1300 146.29)` | Longing for Nature | black, 6.6 to 1 |
| 21 | `#62a352` | `oklch(65.23% 0.1321 139.85)` | Muted Green | black, 6.8 to 1 |
| 22 | `#71a54a` | `oklch(66.36% 0.1339 133.48)` | Fern Flash | black, 7.1 to 1 |
| 23 | `#7fa642` | `oklch(67.48% 0.1357 127.52)` | Greenery | black, 7.4 to 1 |
| 24 | `#8ca73b` | `oklch(68.61% 0.1374 122.32)` | Beautiful Mint | black, 7.7 to 1 |
| 25 | `#97a936` | `oklch(69.79% 0.1390 117.90)` | Beautiful Mint | black, 8 to 1 |
| 26 | `#a1ab32` | `oklch(71.05% 0.1406 113.73)` | Macaw Green | black, 8.3 to 1 |
| 27 | `#acad2f` | `oklch(72.35% 0.1421 109.82)` | Fusion | black, 8.7 to 1 |
| 28 | `#b6af2c` | `oklch(73.64% 0.1435 106.21)` | Citronelle | black, 9.1 to 1 |
| 29 | `#bfb12c` | `oklch(74.85% 0.1447 102.96)` | Lively Lime | black, 9.4 to 1 |
| 30 | `#c7b22b` | `oklch(75.95% 0.1458 100.11)` | Mulgore Mustard | black, 9.8 to 1 |
| 31 | `#cdb42c` | `oklch(76.87% 0.1467 97.71)` | Yellowstone | black, 10.1 to 1 |
| 32 | `#d2b52c` | `oklch(77.56% 0.1474 95.81)` | Yellowstone | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #083c35 0.0%, #084038 3.2%, #08463d 6.5%, #084d42 9.7%, #085448 12.9%, #095c4e 16.1%, #096453 19.4%, #0a6b58 22.6%, #0b725c 25.8%, #0a775f 29.0%, #077d63 32.3%, #038266 35.5%, #008669 38.7%, #008b6c 41.9%, #02906d 45.2%, #0f946d 48.4%, #1f986c 51.6%, #309c68 54.8%, #419f62 58.1%, #51a15b 61.3%, #62a352 64.5%, #71a54a 67.7%, #7fa642 71.0%, #8ca73b 74.2%, #97a936 77.4%, #a1ab32 80.6%, #acad2f 83.9%, #b6af2c 87.1%, #bfb12c 90.3%, #c7b22b 93.5%, #cdb42c 96.8%, #d2b52c 100.0%);
background: linear-gradient(135deg in oklch, oklch(32.28% 0.0537 181.41) 0.0%, oklch(33.65% 0.0568 180.73) 3.2%, oklch(35.51% 0.0609 179.83) 6.5%, oklch(37.74% 0.0658 178.75) 9.7%, oklch(40.17% 0.0711 177.55) 12.9%, oklch(42.69% 0.0767 176.30) 16.1%, oklch(45.13% 0.0823 175.03) 19.4%, oklch(47.37% 0.0875 173.81) 22.6%, oklch(49.26% 0.0920 172.70) 25.8%, oklch(50.93% 0.0964 171.97) 29.0%, oklch(52.48% 0.1007 171.54) 32.3%, oklch(53.93% 0.1048 171.19) 35.5%, oklch(55.31% 0.1087 170.67) 38.7%, oklch(56.63% 0.1124 169.80) 41.9%, oklch(57.92% 0.1164 168.33) 45.2%, oklch(59.20% 0.1197 166.03) 48.4%, oklch(60.48% 0.1227 162.65) 51.6%, oklch(61.72% 0.1254 158.04) 54.8%, oklch(62.92% 0.1279 152.47) 58.1%, oklch(64.09% 0.1300 146.29) 61.3%, oklch(65.23% 0.1321 139.85) 64.5%, oklch(66.36% 0.1339 133.48) 67.7%, oklch(67.48% 0.1357 127.52) 71.0%, oklch(68.61% 0.1374 122.32) 74.2%, oklch(69.79% 0.1390 117.90) 77.4%, oklch(71.05% 0.1406 113.73) 80.6%, oklch(72.35% 0.1421 109.82) 83.9%, oklch(73.64% 0.1435 106.21) 87.1%, oklch(74.85% 0.1447 102.96) 90.3%, oklch(75.95% 0.1458 100.11) 93.5%, oklch(76.87% 0.1467 97.71) 96.8%, oklch(77.56% 0.1474 95.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.054 | 181.4 |
| 2 | 0.488 | 0.091 | 173 |
| 3 | 0.598 | 0.121 | 164.5 |
| 4 | 0.689 | 0.138 | 121.2 |
| 5 | 0.776 | 0.147 | 95.8 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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