# River teal inside canyon earth

A teal center spreads through aqua, green, ochre yellow, and terracotta before reaching deep canyon brown at the edge. The radial gradient links cool water colors with warm rock tones through a vivid middle transition. Use this adventure travel palette for rafting posters, canyon excursion branding, and outdoor editorial backgrounds.

- Also called: Vivid teal, green, orange and brown linear gradient
- Seed: `kUj0SS2im-E6zrq3Ib7A`
- Page: https://grabient.com/kUj0SS2im-E6zrq3Ib7A?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#0e8590` | `oklch(56.30% 0.0937 206.02)` | Blue Slushie | black, 4.7 to 1 |
| 2 | `#108893` | `oklch(57.23% 0.0949 205.66)` | Tuscana Blue | black, 4.9 to 1 |
| 3 | `#148c98` | `oklch(58.56% 0.0963 205.91)` | Tempo Teal | black, 5.2 to 1 |
| 4 | `#19919e` | `oklch(60.17% 0.0980 206.46)` | Jaded | black, 5.5 to 1 |
| 5 | `#1e97a4` | `oklch(61.96% 0.0999 207.00)` | Mediterranean Swirl | black, 5.9 to 1 |
| 6 | `#239dab` | `oklch(63.84% 0.1020 207.22)` | Riviera | black, 6.4 to 1 |
| 7 | `#26a3b1` | `oklch(65.68% 0.1042 206.81)` | Marine Tinge | black, 6.9 to 1 |
| 8 | `#28a9b6` | `oklch(67.40% 0.1065 205.46)` | Green Buoy | black, 7.4 to 1 |
| 9 | `#29aeb9` | `oklch(68.89% 0.1088 202.85)` | Placid Sea | black, 7.8 to 1 |
| 10 | `#28b3b8` | `oklch(70.04% 0.1112 198.69)` | Cyan Sky | black, 8.2 to 1 |
| 11 | `#28b7b4` | `oklch(70.75% 0.1136 192.65)` | Caicos Turquoise | black, 8.4 to 1 |
| 12 | `#2cb9aa` | `oklch(70.97% 0.1161 184.16)` | Turquoise Topaz | black, 8.5 to 1 |
| 13 | `#3bb999` | `oklch(70.85% 0.1193 172.53)` | First Post | black, 8.5 to 1 |
| 14 | `#52b783` | `oklch(70.44% 0.1229 158.39)` | Aragon Green | black, 8.4 to 1 |
| 15 | `#6db267` | `oklch(69.78% 0.1268 142.48)` | Boring Green | black, 8.1 to 1 |
| 16 | `#88a948` | `oklch(68.91% 0.1307 125.51)` | Lime It or Leave It | black, 7.8 to 1 |
| 17 | `#a09d26` | `oklch(67.86% 0.1343 108.20)` | Forest Lichen | black, 7.3 to 1 |
| 18 | `#b39000` | `oklch(66.68% 0.1363 91.28)` | Cobra Leather | black, 6.9 to 1 |
| 19 | `#c08200` | `oklch(65.40% 0.1377 75.48)` | Yellow Gold | black, 6.4 to 1 |
| 20 | `#c87516` | `oklch(64.07% 0.1418 61.54)` | Dirty Orange | black, 6 to 1 |
| 21 | `#ca6b2c` | `oklch(62.71% 0.1423 50.15)` | Kohaku Amber | black, 5.6 to 1 |
| 22 | `#c96339` | `oklch(61.35% 0.1415 41.96)` | Hashut Copper | black, 5.3 to 1 |
| 23 | `#c45d40` | `oklch(59.75% 0.1389 36.36)` | Cold Brew Tonic | black, 4.9 to 1 |
| 24 | `#bc5743` | `oklch(57.91% 0.1350 32.77)` | Mecca Orange | black, 4.5 to 1 |
| 25 | `#b35243` | `oklch(55.89% 0.1299 30.84)` | Burnt Brick | white, 4.9 to 1 |
| 26 | `#aa4e40` | `oklch(53.77% 0.1240 30.22)` | Hot Sauce | white, 5.4 to 1 |
| 27 | `#a04a3d` | `oklch(51.64% 0.1178 30.57)` | Toasted Cranberry | white, 5.9 to 1 |
| 28 | `#974638` | `oklch(49.56% 0.1115 31.55)` | Mischief Maker | white, 6.4 to 1 |
| 29 | `#8e4334` | `oklch(47.61% 0.1054 32.81)` | Flower Pot | white, 6.9 to 1 |
| 30 | `#864030` | `oklch(45.87% 0.1000 34.00)` | Boxcar | white, 7.5 to 1 |
| 31 | `#803e2e` | `oklch(44.41% 0.0955 34.79)` | Monterey Chestnut | white, 7.9 to 1 |
| 32 | `#7b3c2c` | `oklch(43.31% 0.0923 34.82)` | Stone Age Queen | white, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0e8590 0.0%, #108893 3.2%, #148c98 6.5%, #19919e 9.7%, #1e97a4 12.9%, #239dab 16.1%, #26a3b1 19.4%, #28a9b6 22.6%, #29aeb9 25.8%, #28b3b8 29.0%, #28b7b4 32.3%, #2cb9aa 35.5%, #3bb999 38.7%, #52b783 41.9%, #6db267 45.2%, #88a948 48.4%, #a09d26 51.6%, #b39000 54.8%, #c08200 58.1%, #c87516 61.3%, #ca6b2c 64.5%, #c96339 67.7%, #c45d40 71.0%, #bc5743 74.2%, #b35243 77.4%, #aa4e40 80.6%, #a04a3d 83.9%, #974638 87.1%, #8e4334 90.3%, #864030 93.5%, #803e2e 96.8%, #7b3c2c 100.0%);
background: linear-gradient(135deg in oklch, oklch(56.30% 0.0937 206.02) 0.0%, oklch(57.23% 0.0949 205.66) 3.2%, oklch(58.56% 0.0963 205.91) 6.5%, oklch(60.17% 0.0980 206.46) 9.7%, oklch(61.96% 0.0999 207.00) 12.9%, oklch(63.84% 0.1020 207.22) 16.1%, oklch(65.68% 0.1042 206.81) 19.4%, oklch(67.40% 0.1065 205.46) 22.6%, oklch(68.89% 0.1088 202.85) 25.8%, oklch(70.04% 0.1112 198.69) 29.0%, oklch(70.75% 0.1136 192.65) 32.3%, oklch(70.97% 0.1161 184.16) 35.5%, oklch(70.85% 0.1193 172.53) 38.7%, oklch(70.44% 0.1229 158.39) 41.9%, oklch(69.78% 0.1268 142.48) 45.2%, oklch(68.91% 0.1307 125.51) 48.4%, oklch(67.86% 0.1343 108.20) 51.6%, oklch(66.68% 0.1363 91.28) 54.8%, oklch(65.40% 0.1377 75.48) 58.1%, oklch(64.07% 0.1418 61.54) 61.3%, oklch(62.71% 0.1423 50.15) 64.5%, oklch(61.35% 0.1415 41.96) 67.7%, oklch(59.75% 0.1389 36.36) 71.0%, oklch(57.91% 0.1350 32.77) 74.2%, oklch(55.89% 0.1299 30.84) 77.4%, oklch(53.77% 0.1240 30.22) 80.6%, oklch(51.64% 0.1178 30.57) 83.9%, oklch(49.56% 0.1115 31.55) 87.1%, oklch(47.61% 0.1054 32.81) 90.3%, oklch(45.87% 0.1000 34.00) 93.5%, oklch(44.41% 0.0955 34.79) 96.8%, oklch(43.31% 0.0923 34.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.563 | 0.094 | 206 |
| 2 | 0.709 | 0.114 | 190.2 |
| 3 | 0.618 | 0.142 | 44.3 |
| 4 | 0.433 | 0.092 | 34.8 |

## In these collections

- [Darecations](https://grabient.com/darecations)

## Other forms

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