# Crimson teal and orange palette

The Crimson teal and orange palette brings together teal, light green, orange, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light green.

- Also called: Teal, tan and red linear gradient
- Seed: `kai0aR06g-d6uvrjGr7WJqx1bAvlOSD8A`
- Page: https://grabient.com/kai0aR06g-d6uvrjGr7WJqx1bAvlOSD8A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.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 | `#00808a` | `oklch(54.73% 0.0934 204.62)` | Go Alpha | white, 4.7 to 1 |
| 2 | `#00858e` | `oklch(56.20% 0.0957 202.93)` | Gulf Stream | black, 4.7 to 1 |
| 3 | `#008c93` | `oklch(58.30% 0.0991 200.53)` | Tempo Teal | black, 5.1 to 1 |
| 4 | `#009598` | `oklch(60.73% 0.1033 197.75)` | Sea Fantasy | black, 5.7 to 1 |
| 5 | `#099d9e` | `oklch(63.20% 0.1066 194.90)` | Baltic | black, 6.3 to 1 |
| 6 | `#12a5a2` | `oklch(65.42% 0.1097 192.31)` | Royal Cloak | black, 6.9 to 1 |
| 7 | `#13aca6` | `oklch(67.33% 0.1137 190.09)` | Teal Me No Lies | black, 7.4 to 1 |
| 8 | `#09b3aa` | `oklch(69.20% 0.1193 187.98)` | Glass Jar Blue | black, 8 to 1 |
| 9 | `#00baad` | `oklch(70.98% 0.1245 185.94)` | Turquoise Topaz | black, 8.6 to 1 |
| 10 | `#00c0af` | `oklch(72.60% 0.1286 183.96)` | Turquoise | black, 9.1 to 1 |
| 11 | `#1ac5b1` | `oklch(74.00% 0.1290 182.01)` | Amazonite | black, 9.6 to 1 |
| 12 | `#34c8b3` | `oklch(75.20% 0.1242 180.88)` | Disc Jockey | black, 10 to 1 |
| 13 | `#4bcab8` | `oklch(76.35% 0.1138 182.09)` | Cockatoo | black, 10.4 to 1 |
| 14 | `#61cabc` | `oklch(77.31% 0.1006 183.47)` | Bayside | black, 10.6 to 1 |
| 15 | `#73cabc` | `oklch(77.94% 0.0872 182.61)` | Hawaiian Vacation | black, 10.8 to 1 |
| 16 | `#81c8b7` | `oklch(78.10% 0.0765 177.10)` | Aquastone | black, 10.8 to 1 |
| 17 | `#8cc5aa` | `oklch(77.59% 0.0704 164.19)` | Hellion Green | black, 10.6 to 1 |
| 18 | `#9abd96` | `oklch(76.22% 0.0659 142.06)` | Quiet Green | black, 10 to 1 |
| 19 | `#aab183` | `oklch(74.31% 0.0632 114.77)` | Great Green | black, 9.3 to 1 |
| 20 | `#b7a378` | `oklch(72.27% 0.0633 87.01)` | Hemp Rope | black, 8.5 to 1 |
| 21 | `#be9774` | `oklch(70.51% 0.0675 63.47)` | Wilmington Tan | black, 7.9 to 1 |
| 22 | `#c48f72` | `oklch(69.40% 0.0770 48.56)` | Baker’s Dream | black, 7.5 to 1 |
| 23 | `#cd876d` | `oklch(68.93% 0.0947 41.23)` | Subdued Sienna | black, 7.2 to 1 |
| 24 | `#d88063` | `oklch(68.81% 0.1179 38.70)` | Summer Sunset | black, 7.1 to 1 |
| 25 | `#e37855` | `oklch(68.78% 0.1425 38.81)` | Potash | black, 7.1 to 1 |
| 26 | `#ec7045` | `oklch(68.58% 0.1645 39.40)` | Aurora Orange | black, 6.9 to 1 |
| 27 | `#f1683a` | `oklch(67.97% 0.1797 38.36)` | Opulent Orange | black, 6.7 to 1 |
| 28 | `#f15f35` | `oklch(66.81% 0.1885 36.45)` | Oranzhewyi Orange | black, 6.4 to 1 |
| 29 | `#ee5732` | `oklch(65.32% 0.1934 34.77)` | Fuego | black, 6 to 1 |
| 30 | `#ea4f30` | `oklch(63.76% 0.1958 33.34)` | Burning Tomato | black, 5.6 to 1 |
| 31 | `#e5492f` | `oklch(62.37% 0.1970 32.17)` | Tomato Curry | black, 5.3 to 1 |
| 32 | `#e3452e` | `oklch(61.42% 0.1984 31.30)` | Sour Cherry | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00808a 0.0%, #00858e 3.2%, #008c93 6.5%, #009598 9.7%, #099d9e 12.9%, #12a5a2 16.1%, #13aca6 19.4%, #09b3aa 22.6%, #00baad 25.8%, #00c0af 29.0%, #1ac5b1 32.3%, #34c8b3 35.5%, #4bcab8 38.7%, #61cabc 41.9%, #73cabc 45.2%, #81c8b7 48.4%, #8cc5aa 51.6%, #9abd96 54.8%, #aab183 58.1%, #b7a378 61.3%, #be9774 64.5%, #c48f72 67.7%, #cd876d 71.0%, #d88063 74.2%, #e37855 77.4%, #ec7045 80.6%, #f1683a 83.9%, #f15f35 87.1%, #ee5732 90.3%, #ea4f30 93.5%, #e5492f 96.8%, #e3452e 100.0%);
background: linear-gradient(90deg in oklch, oklch(54.73% 0.0934 204.62) 0.0%, oklch(56.20% 0.0957 202.93) 3.2%, oklch(58.30% 0.0991 200.53) 6.5%, oklch(60.73% 0.1033 197.75) 9.7%, oklch(63.20% 0.1066 194.90) 12.9%, oklch(65.42% 0.1097 192.31) 16.1%, oklch(67.33% 0.1137 190.09) 19.4%, oklch(69.20% 0.1193 187.98) 22.6%, oklch(70.98% 0.1245 185.94) 25.8%, oklch(72.60% 0.1286 183.96) 29.0%, oklch(74.00% 0.1290 182.01) 32.3%, oklch(75.20% 0.1242 180.88) 35.5%, oklch(76.35% 0.1138 182.09) 38.7%, oklch(77.31% 0.1006 183.47) 41.9%, oklch(77.94% 0.0872 182.61) 45.2%, oklch(78.10% 0.0765 177.10) 48.4%, oklch(77.59% 0.0704 164.19) 51.6%, oklch(76.22% 0.0659 142.06) 54.8%, oklch(74.31% 0.0632 114.77) 58.1%, oklch(72.27% 0.0633 87.01) 61.3%, oklch(70.51% 0.0675 63.47) 64.5%, oklch(69.40% 0.0770 48.56) 67.7%, oklch(68.93% 0.0947 41.23) 71.0%, oklch(68.81% 0.1179 38.70) 74.2%, oklch(68.78% 0.1425 38.81) 77.4%, oklch(68.58% 0.1645 39.40) 80.6%, oklch(67.97% 0.1797 38.36) 83.9%, oklch(66.81% 0.1885 36.45) 87.1%, oklch(65.32% 0.1934 34.77) 90.3%, oklch(63.76% 0.1958 33.34) 93.5%, oklch(62.37% 0.1970 32.17) 96.8%, oklch(61.42% 0.1984 31.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.096 | 204.6 |
| 2 | 0.657 | 0.11 | 191.9 |
| 3 | 0.744 | 0.128 | 181.4 |
| 4 | 0.78 | 0.073 | 171.9 |
| 5 | 0.697 | 0.073 | 52.4 |
| 6 | 0.681 | 0.178 | 38.7 |
| 7 | 0.614 | 0.198 | 31.3 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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