# Teal and orange color palette

The Teal and orange color palette brings together off-white, pale teal, light teal, light green, light orange, and pale orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light teal, and its lightest tone is off-white.

- Also called: Pastel blue, gray and beige radial gradient
- Seed: `kY9hGHc5G_2odQBtijybRSzXWSQU`
- Page: https://grabient.com/kY9hGHc5G_2odQBtijybRSzXWSQU?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: pastel, light
- Hues: split-complementary
- 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 | `#e4faf8` | `oklch(96.85% 0.0234 189.84)` | Calm Waters | black, 19.3 to 1 |
| 2 | `#e0f9f6` | `oklch(96.25% 0.0259 189.71)` | Frosty Mint | black, 19 to 1 |
| 3 | `#dbf7f4` | `oklch(95.44% 0.0293 189.51)` | Fishious Rend | black, 18.5 to 1 |
| 4 | `#d5f4f1` | `oklch(94.47% 0.0334 189.27)` | Air of Mint | black, 18 to 1 |
| 5 | `#cef2ee` | `oklch(93.40% 0.0379 189.05)` | Diminished Sky | black, 17.5 to 1 |
| 6 | `#c6efeb` | `oklch(92.28% 0.0426 188.87)` | Path to the Sky | black, 16.9 to 1 |
| 7 | `#bfede8` | `oklch(91.16% 0.0473 188.79)` | Gentle Cold | black, 16.4 to 1 |
| 8 | `#b7eae5` | `oklch(89.98% 0.0526 189.03)` | Tahitian Breeze | black, 15.8 to 1 |
| 9 | `#ace7e2` | `oklch(88.58% 0.0594 189.82)` | Cool Crayon | black, 15.2 to 1 |
| 10 | `#a1e3df` | `oklch(87.10% 0.0668 190.78)` | Everest | black, 14.5 to 1 |
| 11 | `#96e0dc` | `oklch(85.69% 0.0734 191.49)` | Pale Beryl | black, 13.9 to 1 |
| 12 | `#8dddd9` | `oklch(84.49% 0.0783 191.57)` | Limpet Shell | black, 13.4 to 1 |
| 13 | `#89dbd5` | `oklch(83.66% 0.0802 190.61)` | Rainwater | black, 13.1 to 1 |
| 14 | `#8bd9d2` | `oklch(83.34% 0.0778 188.58)` | Rainwater | black, 12.9 to 1 |
| 15 | `#93d8d0` | `oklch(83.53% 0.0704 186.51)` | Sweet Rhapsody | black, 13 to 1 |
| 16 | `#9fd8cf` | `oklch(84.06% 0.0598 183.96)` | Whirlpool | black, 13.1 to 1 |
| 17 | `#acd8ce` | `oklch(84.76% 0.0481 180.32)` | Scandal | black, 13.4 to 1 |
| 18 | `#b7d8ce` | `oklch(85.48% 0.0374 174.96)` | Gemini | black, 13.7 to 1 |
| 19 | `#bfd8cd` | `oklch(86.03% 0.0298 167.28)` | Silverton | black, 13.9 to 1 |
| 20 | `#c4d8cb` | `oklch(86.27% 0.0272 156.40)` | Snow Goose | black, 13.9 to 1 |
| 21 | `#c8d7c5` | `oklch(86.20% 0.0293 140.17)` | Green Lane | black, 13.9 to 1 |
| 22 | `#cdd5bc` | `oklch(85.97% 0.0345 120.25)` | Canary Green | black, 13.8 to 1 |
| 23 | `#d6d1b2` | `oklch(85.70% 0.0413 99.12)` | Chinese Silk | black, 13.6 to 1 |
| 24 | `#e1ccad` | `oklch(85.52% 0.0483 79.25)` | Sundew | black, 13.4 to 1 |
| 25 | `#eac9ac` | `oklch(85.55% 0.0539 63.13)` | Almond Biscuit | black, 13.4 to 1 |
| 26 | `#f0c7af` | `oklch(85.94% 0.0568 53.17)` | Sweet Pastel | black, 13.5 to 1 |
| 27 | `#f4c9b3` | `oklch(86.78% 0.0573 49.56)` | Bellini | black, 13.8 to 1 |
| 28 | `#f7cdb7` | `oklch(87.95% 0.0564 50.44)` | Cape Sands | black, 14.4 to 1 |
| 29 | `#fad3ba` | `oklch(89.28% 0.0547 54.18)` | Fahrenheit | black, 15 to 1 |
| 30 | `#fbd8be` | `oklch(90.61% 0.0526 59.14)` | Sun-Kissed Peach | black, 15.7 to 1 |
| 31 | `#fdddc2` | `oklch(91.74% 0.0507 63.70)` | Karry | black, 16.3 to 1 |
| 32 | `#fee1c4` | `oklch(92.52% 0.0496 66.20)` | Creamy Beige | black, 16.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e4faf8 0.0%, #e0f9f6 3.2%, #dbf7f4 6.5%, #d5f4f1 9.7%, #cef2ee 12.9%, #c6efeb 16.1%, #bfede8 19.4%, #b7eae5 22.6%, #ace7e2 25.8%, #a1e3df 29.0%, #96e0dc 32.3%, #8dddd9 35.5%, #89dbd5 38.7%, #8bd9d2 41.9%, #93d8d0 45.2%, #9fd8cf 48.4%, #acd8ce 51.6%, #b7d8ce 54.8%, #bfd8cd 58.1%, #c4d8cb 61.3%, #c8d7c5 64.5%, #cdd5bc 67.7%, #d6d1b2 71.0%, #e1ccad 74.2%, #eac9ac 77.4%, #f0c7af 80.6%, #f4c9b3 83.9%, #f7cdb7 87.1%, #fad3ba 90.3%, #fbd8be 93.5%, #fdddc2 96.8%, #fee1c4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0234 189.84) 0.0%, oklch(96.25% 0.0259 189.71) 3.2%, oklch(95.44% 0.0293 189.51) 6.5%, oklch(94.47% 0.0334 189.27) 9.7%, oklch(93.40% 0.0379 189.05) 12.9%, oklch(92.28% 0.0426 188.87) 16.1%, oklch(91.16% 0.0473 188.79) 19.4%, oklch(89.98% 0.0526 189.03) 22.6%, oklch(88.58% 0.0594 189.82) 25.8%, oklch(87.10% 0.0668 190.78) 29.0%, oklch(85.69% 0.0734 191.49) 32.3%, oklch(84.49% 0.0783 191.57) 35.5%, oklch(83.66% 0.0802 190.61) 38.7%, oklch(83.34% 0.0778 188.58) 41.9%, oklch(83.53% 0.0704 186.51) 45.2%, oklch(84.06% 0.0598 183.96) 48.4%, oklch(84.76% 0.0481 180.32) 51.6%, oklch(85.48% 0.0374 174.96) 54.8%, oklch(86.03% 0.0298 167.28) 58.1%, oklch(86.27% 0.0272 156.40) 61.3%, oklch(86.20% 0.0293 140.17) 64.5%, oklch(85.97% 0.0345 120.25) 67.7%, oklch(85.70% 0.0413 99.12) 71.0%, oklch(85.52% 0.0483 79.25) 74.2%, oklch(85.55% 0.0539 63.13) 77.4%, oklch(85.94% 0.0568 53.17) 80.6%, oklch(86.78% 0.0573 49.56) 83.9%, oklch(87.95% 0.0564 50.44) 87.1%, oklch(89.28% 0.0547 54.18) 90.3%, oklch(90.61% 0.0526 59.14) 93.5%, oklch(91.74% 0.0507 63.70) 96.8%, oklch(92.52% 0.0496 66.20) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.023 | 189.8 |
| 2 | 0.909 | 0.048 | 188.8 |
| 3 | 0.835 | 0.08 | 189.8 |
| 4 | 0.862 | 0.028 | 161.3 |
| 5 | 0.858 | 0.056 | 54.6 |
| 6 | 0.925 | 0.05 | 66.2 |

## In these collections

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

## Other forms

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