# Teal and gold turquoise palette

The Teal and gold turquoise palette brings together teal and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is gold.

- Also called: Duotone teal and beige linear gradient
- Seed: `kSZC2XapYw2ArTQ`
- Page: https://grabient.com/kSZC2XapYw2ArTQ?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 5.9 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 | `#114f59` | `oklch(39.37% 0.0620 212.34)` | Iron Teal | white, 9.2 to 1 |
| 2 | `#16545c` | `oklch(41.09% 0.0618 207.24)` | Seaworld | white, 8.5 to 1 |
| 3 | `#1e5b5e` | `oklch(43.32% 0.0615 200.37)` | Bayberry | white, 7.7 to 1 |
| 4 | `#286361` | `oklch(45.98% 0.0609 192.04)` | Strong Sage | white, 6.9 to 1 |
| 5 | `#356c63` | `oklch(48.99% 0.0603 182.53)` | Statue of Liberty | white, 6 to 1 |
| 6 | `#437566` | `oklch(52.29% 0.0596 172.14)` | Christmas Ivy | white, 5.2 to 1 |
| 7 | `#547f69` | `oklch(55.78% 0.0589 161.18)` | Juniper Green | black, 4.6 to 1 |
| 8 | `#66896c` | `oklch(59.39% 0.0582 149.92)` | Shale Green | black, 5.3 to 1 |
| 9 | `#789270` | `oklch(63.04% 0.0576 138.68)` | Chá Lǜ Green | black, 6.1 to 1 |
| 10 | `#8a9b76` | `oklch(66.66% 0.0571 127.74)` | Sweet Florence | black, 7 to 1 |
| 11 | `#9ca47c` | `oklch(70.16% 0.0568 117.41)` | Forester | black, 8 to 1 |
| 12 | `#acac83` | `oklch(73.47% 0.0567 107.96)` | New Bamboo | black, 9 to 1 |
| 13 | `#bbb48a` | `oklch(76.50% 0.0570 99.71)` | Cress Vinaigrette | black, 10 to 1 |
| 14 | `#c8bb91` | `oklch(79.19% 0.0575 92.95)` | Earth Friendly | black, 10.9 to 1 |
| 15 | `#d2c198` | `oklch(81.45% 0.0584 87.96)` | Sandy Pail | black, 11.8 to 1 |
| 16 | `#dac69c` | `oklch(83.20% 0.0598 85.06)` | Straw Basket | black, 12.5 to 1 |
| 17 | `#dfc99e` | `oklch(84.38% 0.0616 84.50)` | So Close | black, 12.9 to 1 |
| 18 | `#e1cc9e` | `oklch(85.11% 0.0641 86.26)` | Prairie Land | black, 13.3 to 1 |
| 19 | `#e0ce9d` | `oklch(85.43% 0.0672 90.04)` | Lunar Lander | black, 13.4 to 1 |
| 20 | `#ddcf9a` | `oklch(85.40% 0.0708 95.56)` | Bongo Skin | black, 13.5 to 1 |
| 21 | `#d7d198` | `oklch(85.07% 0.0748 102.55)` | Lemon Fennel | black, 13.4 to 1 |
| 22 | `#ced195` | `oklch(84.48% 0.0791 110.72)` | Guacamole Ambrosia | black, 13.2 to 1 |
| 23 | `#c2d294` | `oklch(83.70% 0.0837 119.79)` | Spring Has Sprung | black, 12.9 to 1 |
| 24 | `#b4d295` | `oklch(82.76% 0.0883 129.48)` | Haricot | black, 12.6 to 1 |
| 25 | `#a4d299` | `oklch(81.71% 0.0930 139.50)` | Nature’s Delight | black, 12.2 to 1 |
| 26 | `#92d29e` | `oklch(80.61% 0.0976 149.58)` | Sunlit Glade | black, 11.9 to 1 |
| 27 | `#7fd1a5` | `oklch(79.51% 0.1020 159.44)` | Crystal Gem | black, 11.5 to 1 |
| 28 | `#6ccfad` | `oklch(78.44% 0.1062 168.78)` | Aquarium Blue | black, 11.1 to 1 |
| 29 | `#5acdb5` | `oklch(77.47% 0.1101 177.34)` | Simply Aqua | black, 10.8 to 1 |
| 30 | `#4acabc` | `oklch(76.64% 0.1134 184.82)` | Peppy Peacock | black, 10.5 to 1 |
| 31 | `#3dc8c3` | `oklch(75.99% 0.1163 190.94)` | Rapids | black, 10.2 to 1 |
| 32 | `#33c7c8` | `oklch(75.59% 0.1185 195.44)` | Mermaid Net | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #114f59 0.0%, #16545c 3.2%, #1e5b5e 6.5%, #286361 9.7%, #356c63 12.9%, #437566 16.1%, #547f69 19.4%, #66896c 22.6%, #789270 25.8%, #8a9b76 29.0%, #9ca47c 32.3%, #acac83 35.5%, #bbb48a 38.7%, #c8bb91 41.9%, #d2c198 45.2%, #dac69c 48.4%, #dfc99e 51.6%, #e1cc9e 54.8%, #e0ce9d 58.1%, #ddcf9a 61.3%, #d7d198 64.5%, #ced195 67.7%, #c2d294 71.0%, #b4d295 74.2%, #a4d299 77.4%, #92d29e 80.6%, #7fd1a5 83.9%, #6ccfad 87.1%, #5acdb5 90.3%, #4acabc 93.5%, #3dc8c3 96.8%, #33c7c8 100.0%);
background: linear-gradient(180deg in oklch, oklch(39.37% 0.0620 212.34) 0.0%, oklch(41.09% 0.0618 207.24) 3.2%, oklch(43.32% 0.0615 200.37) 6.5%, oklch(45.98% 0.0609 192.04) 9.7%, oklch(48.99% 0.0603 182.53) 12.9%, oklch(52.29% 0.0596 172.14) 16.1%, oklch(55.78% 0.0589 161.18) 19.4%, oklch(59.39% 0.0582 149.92) 22.6%, oklch(63.04% 0.0576 138.68) 25.8%, oklch(66.66% 0.0571 127.74) 29.0%, oklch(70.16% 0.0568 117.41) 32.3%, oklch(73.47% 0.0567 107.96) 35.5%, oklch(76.50% 0.0570 99.71) 38.7%, oklch(79.19% 0.0575 92.95) 41.9%, oklch(81.45% 0.0584 87.96) 45.2%, oklch(83.20% 0.0598 85.06) 48.4%, oklch(84.38% 0.0616 84.50) 51.6%, oklch(85.11% 0.0641 86.26) 54.8%, oklch(85.43% 0.0672 90.04) 58.1%, oklch(85.40% 0.0708 95.56) 61.3%, oklch(85.07% 0.0748 102.55) 64.5%, oklch(84.48% 0.0791 110.72) 67.7%, oklch(83.70% 0.0837 119.79) 71.0%, oklch(82.76% 0.0883 129.48) 74.2%, oklch(81.71% 0.0930 139.50) 77.4%, oklch(80.61% 0.0976 149.58) 80.6%, oklch(79.51% 0.1020 159.44) 83.9%, oklch(78.44% 0.1062 168.78) 87.1%, oklch(77.47% 0.1101 177.34) 90.3%, oklch(76.64% 0.1134 184.82) 93.5%, oklch(75.99% 0.1163 190.94) 96.8%, oklch(75.59% 0.1185 195.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.062 | 212.3 |
| 2 | 0.839 | 0.061 | 84.5 |
| 3 | 0.756 | 0.119 | 195.4 |

## In these collections

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

## Other forms

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