# Terracotta and teal turquoise palette

The Terracotta and teal turquoise palette brings together orange, light orange, pale green, light teal, and teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is pale green.

- Also called: Tan, gray, light blue and teal angular gradient
- Seed: `kYtDsn6Q9B_MKSfsFsMYSRAlGmQU`
- Page: https://grabient.com/kYtDsn6Q9B_MKSfsFsMYSRAlGmQU?style=angularGradient&steps=32&angle=180
- Drawn as: angular gradient, 32 steps, 180 degrees
- Kinds: pastel, light
- Hues: split-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 | `#c9946f` | `oklch(70.87% 0.0813 55.55)` | Surprise | black, 7.9 to 1 |
| 2 | `#cb9976` | `oklch(72.14% 0.0768 56.58)` | Sweet Almond | black, 8.3 to 1 |
| 3 | `#cda07f` | `oklch(73.94% 0.0704 57.37)` | Arbol de Tamarindo | black, 8.9 to 1 |
| 4 | `#d0a88a` | `oklch(76.06% 0.0630 58.55)` | Autumn Air | black, 9.6 to 1 |
| 5 | `#d3b195` | `oklch(78.30% 0.0552 60.77)` | Blonde Lace | black, 10.4 to 1 |
| 6 | `#d6b99f` | `oklch(80.46% 0.0480 64.67)` | Mish Mosh | black, 11.3 to 1 |
| 7 | `#d7c1a8` | `oklch(82.35% 0.0423 70.88)` | Riviera Retreat | black, 12.1 to 1 |
| 8 | `#d8c8af` | `oklch(83.98% 0.0379 80.47)` | Bone Meal | black, 12.8 to 1 |
| 9 | `#d7d0b7` | `oklch(85.65% 0.0340 93.79)` | Berber | black, 13.5 to 1 |
| 10 | `#d6d7c0` | `oklch(87.25% 0.0306 109.29)` | Medlar | black, 14.3 to 1 |
| 11 | `#d5ddc9` | `oklch(88.66% 0.0282 125.39)` | Silver Laurel | black, 15 to 1 |
| 12 | `#d4e2d1` | `oklch(89.76% 0.0269 140.50)` | Sweet Mint Tea | black, 15.5 to 1 |
| 13 | `#d3e5d7` | `oklch(90.43% 0.0270 153.05)` | Light Green Wash | black, 15.9 to 1 |
| 14 | `#d0e6da` | `oklch(90.56% 0.0290 161.94)` | Misty Glen | black, 16 to 1 |
| 15 | `#cae6da` | `oklch(90.16% 0.0330 168.46)` | Mint Whisper | black, 15.8 to 1 |
| 16 | `#c3e5d9` | `oklch(89.35% 0.0385 173.26)` | Misty Isle | black, 15.5 to 1 |
| 17 | `#bae3d8` | `oklch(88.26% 0.0449 176.80)` | Serendipity | black, 15 to 1 |
| 18 | `#b0e0d5` | `oklch(87.02% 0.0517 179.53)` | Fair Aqua | black, 14.4 to 1 |
| 19 | `#a6ddd3` | `oklch(85.75% 0.0584 181.94)` | Sparkling Mint | black, 13.9 to 1 |
| 20 | `#9ddbd1` | `oklch(84.58% 0.0644 184.34)` | Sky Blue View | black, 13.4 to 1 |
| 21 | `#93d8cf` | `oklch(83.37% 0.0708 185.91)` | Sweet Rhapsody | black, 12.9 to 1 |
| 22 | `#88d5cc` | `oklch(82.08% 0.0777 186.70)` | Water Wings | black, 12.4 to 1 |
| 23 | `#7cd2c9` | `oklch(80.71% 0.0844 187.06)` | Water Wings | black, 11.9 to 1 |
| 24 | `#71cec5` | `oklch(79.25% 0.0906 187.33)` | Hidden Sea Glass | black, 11.3 to 1 |
| 25 | `#65cac2` | `oklch(77.69% 0.0959 187.86)` | Nile Stone | black, 10.8 to 1 |
| 26 | `#5ac6be` | `oklch(76.03% 0.0999 188.98)` | Chinese Lacquer | black, 10.2 to 1 |
| 27 | `#4ec0ba` | `oklch(74.05% 0.1024 190.72)` | Treasured Teal | black, 9.5 to 1 |
| 28 | `#42b8b6` | `oklch(71.81% 0.1037 192.83)` | Green Grapple | black, 8.7 to 1 |
| 29 | `#37b1b1` | `oklch(69.51% 0.1043 195.06)` | Lake Tahoe Turquoise | black, 8 to 1 |
| 30 | `#2caaac` | `oklch(67.33% 0.1045 197.21)` | Blue Island | black, 7.4 to 1 |
| 31 | `#22a4a9` | `oklch(65.49% 0.1045 199.04)` | Wax Crayon Blue | black, 6.9 to 1 |
| 32 | `#199fa6` | `oklch(64.17% 0.1047 200.32)` | Ducati | black, 6.5 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #c9946f 0.0%, #cb9976 3.2%, #cda07f 6.5%, #d0a88a 9.7%, #d3b195 12.9%, #d6b99f 16.1%, #d7c1a8 19.4%, #d8c8af 22.6%, #d7d0b7 25.8%, #d6d7c0 29.0%, #d5ddc9 32.3%, #d4e2d1 35.5%, #d3e5d7 38.7%, #d0e6da 41.9%, #cae6da 45.2%, #c3e5d9 48.4%, #bae3d8 51.6%, #b0e0d5 54.8%, #a6ddd3 58.1%, #9ddbd1 61.3%, #93d8cf 64.5%, #88d5cc 67.7%, #7cd2c9 71.0%, #71cec5 74.2%, #65cac2 77.4%, #5ac6be 80.6%, #4ec0ba 83.9%, #42b8b6 87.1%, #37b1b1 90.3%, #2caaac 93.5%, #22a4a9 96.8%, #199fa6 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(70.87% 0.0813 55.55) 0.0%, oklch(72.14% 0.0768 56.58) 3.2%, oklch(73.94% 0.0704 57.37) 6.5%, oklch(76.06% 0.0630 58.55) 9.7%, oklch(78.30% 0.0552 60.77) 12.9%, oklch(80.46% 0.0480 64.67) 16.1%, oklch(82.35% 0.0423 70.88) 19.4%, oklch(83.98% 0.0379 80.47) 22.6%, oklch(85.65% 0.0340 93.79) 25.8%, oklch(87.25% 0.0306 109.29) 29.0%, oklch(88.66% 0.0282 125.39) 32.3%, oklch(89.76% 0.0269 140.50) 35.5%, oklch(90.43% 0.0270 153.05) 38.7%, oklch(90.56% 0.0290 161.94) 41.9%, oklch(90.16% 0.0330 168.46) 45.2%, oklch(89.35% 0.0385 173.26) 48.4%, oklch(88.26% 0.0449 176.80) 51.6%, oklch(87.02% 0.0517 179.53) 54.8%, oklch(85.75% 0.0584 181.94) 58.1%, oklch(84.58% 0.0644 184.34) 61.3%, oklch(83.37% 0.0708 185.91) 64.5%, oklch(82.08% 0.0777 186.70) 67.7%, oklch(80.71% 0.0844 187.06) 71.0%, oklch(79.25% 0.0906 187.33) 74.2%, oklch(77.69% 0.0959 187.86) 77.4%, oklch(76.03% 0.0999 188.98) 80.6%, oklch(74.05% 0.1024 190.72) 83.9%, oklch(71.81% 0.1037 192.83) 87.1%, oklch(69.51% 0.1043 195.06) 90.3%, oklch(67.33% 0.1045 197.21) 93.5%, oklch(65.49% 0.1045 199.04) 96.8%, oklch(64.17% 0.1047 200.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.081 | 55.5 |
| 2 | 0.827 | 0.041 | 72.5 |
| 3 | 0.906 | 0.028 | 157 |
| 4 | 0.85 | 0.062 | 183.4 |
| 5 | 0.764 | 0.099 | 188.7 |
| 6 | 0.642 | 0.105 | 200.3 |

## In these collections

- [Turquoise](https://grabient.com/turquoise)

## Other forms

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