# Teal and ochre green and gold palette

The Teal and ochre green and gold palette brings together teal, green, light yellow, and orange. 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 light yellow.

- Also called: Teal, green, tan and brown linear gradient
- Seed: `kYUyeGtx4-EOkP3NHL45aA5UiivS`
- Page: https://grabient.com/kYUyeGtx4-EOkP3NHL45aA5UiivS?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 6.4 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 | `#053d3a` | `oklch(32.68% 0.0537 189.14)` | Rich Black | white, 12 to 1 |
| 2 | `#04413c` | `oklch(33.80% 0.0569 187.36)` | Botanical Night | white, 11.5 to 1 |
| 3 | `#02463f` | `oklch(35.35% 0.0614 184.79)` | MSU Green | white, 10.8 to 1 |
| 4 | `#004b43` | `oklch(37.18% 0.0666 181.79)` | Aqua Deep | white, 10 to 1 |
| 5 | `#005246` | `oklch(39.17% 0.0717 178.68)` | Breathe Deeply | white, 9.1 to 1 |
| 6 | `#005849` | `oklch(41.14% 0.0770 175.85)` | Forest Shadows | white, 8.4 to 1 |
| 7 | `#005e4c` | `oklch(42.97% 0.0819 173.63)` | Alpine Green | white, 7.7 to 1 |
| 8 | `#02634f` | `oklch(44.63% 0.0857 172.25)` | Green Paw Paw | white, 7.2 to 1 |
| 9 | `#026953` | `oklch(46.29% 0.0895 171.53)` | Peacock Green | white, 6.7 to 1 |
| 10 | `#026e56` | `oklch(47.94% 0.0931 171.18)` | Teal Dark Green | white, 6.2 to 1 |
| 11 | `#04735a` | `oklch(49.55% 0.0961 170.93)` | Tropical Rainforest | white, 5.8 to 1 |
| 12 | `#0a785e` | `oklch(51.10% 0.0982 170.50)` | Emerald Dream | white, 5.4 to 1 |
| 13 | `#147d61` | `oklch(52.58% 0.0992 169.61)` | Verdant Green | white, 5 to 1 |
| 14 | `#208064` | `oklch(53.92% 0.0986 168.22)` | Deep Sea | white, 4.8 to 1 |
| 15 | `#2b8366` | `oklch(54.96% 0.0958 167.01)` | Accent Green Blue | white, 4.6 to 1 |
| 16 | `#358567` | `oklch(55.85% 0.0916 165.71)` | Mythical Forest | black, 4.7 to 1 |
| 17 | `#3f8769` | `oklch(56.78% 0.0870 163.92)` | Mallard Green | black, 4.8 to 1 |
| 18 | `#49896a` | `oklch(57.92% 0.0826 161.27)` | Mallard Green | black, 5 to 1 |
| 19 | `#548d6c` | `oklch(59.45% 0.0795 157.37)` | Green Weed | black, 5.4 to 1 |
| 20 | `#60936d` | `oklch(61.62% 0.0783 151.75)` | Skarsnik Green | black, 5.8 to 1 |
| 21 | `#729c70` | `oklch(65.02% 0.0787 143.76)` | Blackthorn Green | black, 6.7 to 1 |
| 22 | `#87a774` | `oklch(69.17% 0.0802 134.08)` | Moss Candy | black, 7.8 to 1 |
| 23 | `#9eb278` | `oklch(73.41% 0.0823 123.63)` | Death Guard | black, 9.1 to 1 |
| 24 | `#b4bb7b` | `oklch(77.05% 0.0847 113.36)` | Lime Lollipop | black, 10.3 to 1 |
| 25 | `#c5bf7d` | `oklch(79.41% 0.0869 104.18)` | Krieg Khaki | black, 11.1 to 1 |
| 26 | `#cdbe7b` | `oklch(79.81% 0.0885 97.00)` | Green Citrine | black, 11.2 to 1 |
| 27 | `#ccb572` | `oklch(77.81% 0.0898 91.35)` | Autumn Wandering | black, 10.4 to 1 |
| 28 | `#c4a765` | `oklch(74.00% 0.0911 86.65)` | Spring Roll | black, 9 to 1 |
| 29 | `#b89756` | `oklch(69.21% 0.0924 82.78)` | Base Sand | black, 7.5 to 1 |
| 30 | `#ab8646` | `oklch(64.25% 0.0935 79.64)` | Golden Cadillac | black, 6.2 to 1 |
| 31 | `#a07839` | `oklch(59.93% 0.0944 77.08)` | Victorian Gold | black, 5.2 to 1 |
| 32 | `#986f30` | `oklch(57.09% 0.0951 75.01)` | Damascene | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #053d3a 0.0%, #04413c 3.2%, #02463f 6.5%, #004b43 9.7%, #005246 12.9%, #005849 16.1%, #005e4c 19.4%, #02634f 22.6%, #026953 25.8%, #026e56 29.0%, #04735a 32.3%, #0a785e 35.5%, #147d61 38.7%, #208064 41.9%, #2b8366 45.2%, #358567 48.4%, #3f8769 51.6%, #49896a 54.8%, #548d6c 58.1%, #60936d 61.3%, #729c70 64.5%, #87a774 67.7%, #9eb278 71.0%, #b4bb7b 74.2%, #c5bf7d 77.4%, #cdbe7b 80.6%, #ccb572 83.9%, #c4a765 87.1%, #b89756 90.3%, #ab8646 93.5%, #a07839 96.8%, #986f30 100.0%);
background: linear-gradient(180deg in oklch, oklch(32.68% 0.0537 189.14) 0.0%, oklch(33.80% 0.0569 187.36) 3.2%, oklch(35.35% 0.0614 184.79) 6.5%, oklch(37.18% 0.0666 181.79) 9.7%, oklch(39.17% 0.0717 178.68) 12.9%, oklch(41.14% 0.0770 175.85) 16.1%, oklch(42.97% 0.0819 173.63) 19.4%, oklch(44.63% 0.0857 172.25) 22.6%, oklch(46.29% 0.0895 171.53) 25.8%, oklch(47.94% 0.0931 171.18) 29.0%, oklch(49.55% 0.0961 170.93) 32.3%, oklch(51.10% 0.0982 170.50) 35.5%, oklch(52.58% 0.0992 169.61) 38.7%, oklch(53.92% 0.0986 168.22) 41.9%, oklch(54.96% 0.0958 167.01) 45.2%, oklch(55.85% 0.0916 165.71) 48.4%, oklch(56.78% 0.0870 163.92) 51.6%, oklch(57.92% 0.0826 161.27) 54.8%, oklch(59.45% 0.0795 157.37) 58.1%, oklch(61.62% 0.0783 151.75) 61.3%, oklch(65.02% 0.0787 143.76) 64.5%, oklch(69.17% 0.0802 134.08) 67.7%, oklch(73.41% 0.0823 123.63) 71.0%, oklch(77.05% 0.0847 113.36) 74.2%, oklch(79.41% 0.0869 104.18) 77.4%, oklch(79.81% 0.0885 97.00) 80.6%, oklch(77.81% 0.0898 91.35) 83.9%, oklch(74.00% 0.0911 86.65) 87.1%, oklch(69.21% 0.0924 82.78) 90.3%, oklch(64.25% 0.0935 79.64) 93.5%, oklch(59.93% 0.0944 77.08) 96.8%, oklch(57.09% 0.0951 75.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.054 | 189.1 |
| 2 | 0.433 | 0.083 | 173.3 |
| 3 | 0.531 | 0.099 | 169.1 |
| 4 | 0.606 | 0.079 | 154.3 |
| 5 | 0.799 | 0.088 | 98.3 |
| 6 | 0.571 | 0.095 | 75 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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