# Teal and ochre southern spring rain palette

The Teal and ochre southern spring rain palette brings together blue, teal, green, and gold. 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: Tritone blue, teal and brown linear gradient
- Seed: `kUqCujx5e7M6oufUJzjg`
- Page: https://grabient.com/kUqCujx5e7M6oufUJzjg?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.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 | `#6c9ab0` | `oklch(66.14% 0.0593 229.92)` | Yacht Blue | black, 6.8 to 1 |
| 2 | `#6998ad` | `oklch(65.51% 0.0594 227.67)` | Shirt Blue | black, 6.7 to 1 |
| 3 | `#6696a9` | `oklch(64.62% 0.0593 224.84)` | My Skiff | black, 6.5 to 1 |
| 4 | `#6193a4` | `oklch(63.54% 0.0592 221.52)` | Manitou Blue | black, 6.2 to 1 |
| 5 | `#5d909f` | `oklch(62.34% 0.0591 217.78)` | Manitou Blue | black, 5.9 to 1 |
| 6 | `#588d99` | `oklch(61.09% 0.0591 213.72)` | Cabana Blue | black, 5.6 to 1 |
| 7 | `#538a93` | `oklch(59.84% 0.0592 209.40)` | Dusty Turquoise | black, 5.4 to 1 |
| 8 | `#4f878d` | `oklch(58.68% 0.0597 204.92)` | Flounce | black, 5.1 to 1 |
| 9 | `#4b8488` | `oklch(57.68% 0.0606 200.34)` | Sea Caller | black, 4.9 to 1 |
| 10 | `#478383` | `oklch(56.89% 0.0620 195.76)` | Paradiso | black, 4.8 to 1 |
| 11 | `#44827f` | `oklch(56.39% 0.0640 191.24)` | Emu Egg | black, 4.7 to 1 |
| 12 | `#42827b` | `oklch(56.22% 0.0667 186.81)` | Bubble Turquoise | black, 4.7 to 1 |
| 13 | `#408379` | `oklch(56.33% 0.0705 182.28)` | Bubble Turquoise | black, 4.7 to 1 |
| 14 | `#3f8576` | `oklch(56.66% 0.0752 177.63)` | Aussie Surf | black, 4.8 to 1 |
| 15 | `#3e8773` | `oklch(57.17% 0.0804 172.89)` | Ionian | black, 4.9 to 1 |
| 16 | `#3f8a70` | `oklch(57.81% 0.0860 168.05)` | Ionian | black, 5 to 1 |
| 17 | `#418d6c` | `oklch(58.54% 0.0916 163.11)` | Mallard Green | black, 5.2 to 1 |
| 18 | `#459068` | `oklch(59.32% 0.0971 158.09)` | Illuminati Green | black, 5.4 to 1 |
| 19 | `#4b9263` | `oklch(60.09% 0.1021 152.99)` | Illuminati Green | black, 5.5 to 1 |
| 20 | `#53945d` | `oklch(60.82% 0.1065 147.82)` | Ineffable Forest | black, 5.7 to 1 |
| 21 | `#5b9557` | `oklch(61.46% 0.1100 142.57)` | Wicked Witch | black, 5.8 to 1 |
| 22 | `#649650` | `oklch(61.97% 0.1122 137.23)` | Wicked Witch | black, 6 to 1 |
| 23 | `#6e9549` | `oklch(62.46% 0.1135 131.39)` | Lattice Green | black, 6 to 1 |
| 24 | `#799543` | `oklch(62.95% 0.1140 125.08)` | Emerald Shimmer | black, 6.1 to 1 |
| 25 | `#84943d` | `oklch(63.45% 0.1139 118.49)` | Wasabi Nuts | black, 6.2 to 1 |
| 26 | `#8e9238` | `oklch(63.93% 0.1133 111.80)` | Bean Shoot | black, 6.3 to 1 |
| 27 | `#979136` | `oklch(64.40% 0.1123 105.19)` | Plantain | black, 6.4 to 1 |
| 28 | `#a08f35` | `oklch(64.83% 0.1111 98.86)` | Banana Leaf | black, 6.4 to 1 |
| 29 | `#a78e36` | `oklch(65.24% 0.1099 92.97)` | Reef Gold | black, 6.5 to 1 |
| 30 | `#ad8d39` | `oklch(65.59% 0.1088 87.72)` | Luxor Gold | black, 6.6 to 1 |
| 31 | `#b28b3b` | `oklch(65.90% 0.1079 83.29)` | Mineral Umber | black, 6.6 to 1 |
| 32 | `#b58b3e` | `oklch(66.14% 0.1075 79.86)` | Tinsel | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6c9ab0 0.0%, #6998ad 3.2%, #6696a9 6.5%, #6193a4 9.7%, #5d909f 12.9%, #588d99 16.1%, #538a93 19.4%, #4f878d 22.6%, #4b8488 25.8%, #478383 29.0%, #44827f 32.3%, #42827b 35.5%, #408379 38.7%, #3f8576 41.9%, #3e8773 45.2%, #3f8a70 48.4%, #418d6c 51.6%, #459068 54.8%, #4b9263 58.1%, #53945d 61.3%, #5b9557 64.5%, #649650 67.7%, #6e9549 71.0%, #799543 74.2%, #84943d 77.4%, #8e9238 80.6%, #979136 83.9%, #a08f35 87.1%, #a78e36 90.3%, #ad8d39 93.5%, #b28b3b 96.8%, #b58b3e 100.0%);
background: linear-gradient(45deg in oklch, oklch(66.14% 0.0593 229.92) 0.0%, oklch(65.51% 0.0594 227.67) 3.2%, oklch(64.62% 0.0593 224.84) 6.5%, oklch(63.54% 0.0592 221.52) 9.7%, oklch(62.34% 0.0591 217.78) 12.9%, oklch(61.09% 0.0591 213.72) 16.1%, oklch(59.84% 0.0592 209.40) 19.4%, oklch(58.68% 0.0597 204.92) 22.6%, oklch(57.68% 0.0606 200.34) 25.8%, oklch(56.89% 0.0620 195.76) 29.0%, oklch(56.39% 0.0640 191.24) 32.3%, oklch(56.22% 0.0667 186.81) 35.5%, oklch(56.33% 0.0705 182.28) 38.7%, oklch(56.66% 0.0752 177.63) 41.9%, oklch(57.17% 0.0804 172.89) 45.2%, oklch(57.81% 0.0860 168.05) 48.4%, oklch(58.54% 0.0916 163.11) 51.6%, oklch(59.32% 0.0971 158.09) 54.8%, oklch(60.09% 0.1021 152.99) 58.1%, oklch(60.82% 0.1065 147.82) 61.3%, oklch(61.46% 0.1100 142.57) 64.5%, oklch(61.97% 0.1122 137.23) 67.7%, oklch(62.46% 0.1135 131.39) 71.0%, oklch(62.95% 0.1140 125.08) 74.2%, oklch(63.45% 0.1139 118.49) 77.4%, oklch(63.93% 0.1133 111.80) 80.6%, oklch(64.40% 0.1123 105.19) 83.9%, oklch(64.83% 0.1111 98.86) 87.1%, oklch(65.24% 0.1099 92.97) 90.3%, oklch(65.59% 0.1088 87.72) 93.5%, oklch(65.90% 0.1079 83.29) 96.8%, oklch(66.14% 0.1075 79.86) 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.563 | 0.065 | 189.8 |
| 3 | 0.618 | 0.112 | 139 |
| 4 | 0.661 | 0.107 | 79.9 |

## In these collections

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

## Other forms

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