# Teal and ochre southern spring rain palette

The Teal and ochre southern spring rain palette brings together blue, gold, green, and teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is teal, and its lightest tone is blue.

- Also called: Teal and brown linear gradient
- Seed: `kUqCuj1CcuE6oxvHl8Xg`
- Page: https://grabient.com/kUqCuj1CcuE6oxvHl8Xg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: even lightness, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#6c9ab0` | `oklch(66.14% 0.0593 229.92)` | Yacht Blue | black, 6.8 to 1 |
| 2 | `#669cad` | `oklch(66.16% 0.0622 220.37)` | Left Bank Blue | black, 6.9 to 1 |
| 3 | `#5f9fa7` | `oklch(66.21% 0.0662 207.01)` | Atlas Cedar | black, 6.9 to 1 |
| 4 | `#5ba19d` | `oklch(66.27% 0.0710 190.81)` | Teal Bayou | black, 7 to 1 |
| 5 | `#5fa38e` | `oklch(66.34% 0.0764 172.76)` | Polished Pine | black, 7 to 1 |
| 6 | `#6aa27c` | `oklch(66.40% 0.0821 153.83)` | Growth | black, 7.1 to 1 |
| 7 | `#7ca069` | `oklch(66.45% 0.0879 135.03)` | Frog Hollow | black, 7 to 1 |
| 8 | `#8f9b57` | `oklch(66.46% 0.0935 117.31)` | Vitality | black, 7 to 1 |
| 9 | `#a09649` | `oklch(66.43% 0.0986 101.68)` | Lentil Sprout | black, 6.9 to 1 |
| 10 | `#ad9042` | `oklch(66.35% 0.1031 89.11)` | Turmeric | black, 6.8 to 1 |
| 11 | `#b48b3f` | `oklch(66.21% 0.1066 80.58)` | Tinsel | black, 6.7 to 1 |
| 12 | `#b8893c` | `oklch(65.99% 0.1091 76.70)` | Tinsel | black, 6.6 to 1 |
| 13 | `#b88739` | `oklch(65.70% 0.1112 76.51)` | Brass Yellow | black, 6.5 to 1 |
| 14 | `#b58734` | `oklch(65.36% 0.1129 79.35)` | Brass Yellow | black, 6.4 to 1 |
| 15 | `#af892f` | `oklch(64.97% 0.1143 84.62)` | Honey | black, 6.4 to 1 |
| 16 | `#a78b2c` | `oklch(64.55% 0.1152 91.72)` | Faint Green | black, 6.3 to 1 |
| 17 | `#9d8e2d` | `oklch(64.09% 0.1157 100.07)` | Sleepy Hamlet | black, 6.3 to 1 |
| 18 | `#919032` | `oklch(63.61% 0.1157 109.07)` | Bean Shoot | black, 6.2 to 1 |
| 19 | `#83933a` | `oklch(63.12% 0.1153 118.12)` | Wasabi Nuts | black, 6.1 to 1 |
| 20 | `#769443` | `oklch(62.62% 0.1143 126.63)` | Emerald Shimmer | black, 6.1 to 1 |
| 21 | `#6a954c` | `oklch(62.13% 0.1129 134.00)` | Drab Green | black, 6 to 1 |
| 22 | `#609553` | `oklch(61.65% 0.1108 139.77)` | Wicked Witch | black, 5.9 to 1 |
| 23 | `#57955a` | `oklch(61.12% 0.1077 145.31)` | Ineffable Forest | black, 5.8 to 1 |
| 24 | `#4f9361` | `oklch(60.54% 0.1036 151.01)` | Illuminati Green | black, 5.6 to 1 |
| 25 | `#489268` | `oklch(59.93% 0.0986 156.76)` | Illuminati Green | black, 5.5 to 1 |
| 26 | `#438f6d` | `oklch(59.30% 0.0932 162.44)` | Illuminati Green | black, 5.4 to 1 |
| 27 | `#408d72` | `oklch(58.68% 0.0875 167.94)` | Aegean Green | black, 5.2 to 1 |
| 28 | `#3f8a76` | `oklch(58.09% 0.0818 173.15)` | Ionian | black, 5.1 to 1 |
| 29 | `#408879` | `oklch(57.53% 0.0765 177.94)` | Carlisle | black, 5 to 1 |
| 30 | `#41857b` | `oklch(57.04% 0.0717 182.21)` | Carlisle | black, 4.8 to 1 |
| 31 | `#43837c` | `oklch(56.62% 0.0677 185.84)` | Bubble Turquoise | black, 4.7 to 1 |
| 32 | `#44827d` | `oklch(56.30% 0.0648 188.71)` | Bubble Turquoise | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6c9ab0 0.0%, #669cad 3.2%, #5f9fa7 6.5%, #5ba19d 9.7%, #5fa38e 12.9%, #6aa27c 16.1%, #7ca069 19.4%, #8f9b57 22.6%, #a09649 25.8%, #ad9042 29.0%, #b48b3f 32.3%, #b8893c 35.5%, #b88739 38.7%, #b58734 41.9%, #af892f 45.2%, #a78b2c 48.4%, #9d8e2d 51.6%, #919032 54.8%, #83933a 58.1%, #769443 61.3%, #6a954c 64.5%, #609553 67.7%, #57955a 71.0%, #4f9361 74.2%, #489268 77.4%, #438f6d 80.6%, #408d72 83.9%, #3f8a76 87.1%, #408879 90.3%, #41857b 93.5%, #43837c 96.8%, #44827d 100.0%);
background: linear-gradient(45deg in oklch, oklch(66.14% 0.0593 229.92) 0.0%, oklch(66.16% 0.0622 220.37) 3.2%, oklch(66.21% 0.0662 207.01) 6.5%, oklch(66.27% 0.0710 190.81) 9.7%, oklch(66.34% 0.0764 172.76) 12.9%, oklch(66.40% 0.0821 153.83) 16.1%, oklch(66.45% 0.0879 135.03) 19.4%, oklch(66.46% 0.0935 117.31) 22.6%, oklch(66.43% 0.0986 101.68) 25.8%, oklch(66.35% 0.1031 89.11) 29.0%, oklch(66.21% 0.1066 80.58) 32.3%, oklch(65.99% 0.1091 76.70) 35.5%, oklch(65.70% 0.1112 76.51) 38.7%, oklch(65.36% 0.1129 79.35) 41.9%, oklch(64.97% 0.1143 84.62) 45.2%, oklch(64.55% 0.1152 91.72) 48.4%, oklch(64.09% 0.1157 100.07) 51.6%, oklch(63.61% 0.1157 109.07) 54.8%, oklch(63.12% 0.1153 118.12) 58.1%, oklch(62.62% 0.1143 126.63) 61.3%, oklch(62.13% 0.1129 134.00) 64.5%, oklch(61.65% 0.1108 139.77) 67.7%, oklch(61.12% 0.1077 145.31) 71.0%, oklch(60.54% 0.1036 151.01) 74.2%, oklch(59.93% 0.0986 156.76) 77.4%, oklch(59.30% 0.0932 162.44) 80.6%, oklch(58.68% 0.0875 167.94) 83.9%, oklch(58.09% 0.0818 173.15) 87.1%, oklch(57.53% 0.0765 177.94) 90.3%, oklch(57.04% 0.0717 182.21) 93.5%, oklch(56.62% 0.0677 185.84) 96.8%, oklch(56.30% 0.0648 188.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.059 | 229.9 |
| 2 | 0.661 | 0.107 | 78.8 |
| 3 | 0.618 | 0.112 | 138 |
| 4 | 0.563 | 0.065 | 188.7 |

## In these collections

- [Southern spring rain](https://grabient.com/southern-spring-rain)

## Other forms

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