# Teal and pale mint glass palette

The Teal and pale mint glass palette brings together teal, green, pale green, and off-white. The colors span a broad 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 off-white.

- Also called: Dark green, light blue, white and teal angular gradient
- Seed: `kcVB-HNpU-sQbv1XHb89w-_3sHvZeGESNI_Cw`
- Page: https://grabient.com/kcVB-HNpU-sQbv1XHb89w-_3sHvZeGESNI_Cw?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#173d3a` | `oklch(33.07% 0.0427 189.84)` | Botanical Night | white, 11.9 to 1 |
| 2 | `#19413e` | `oklch(34.61% 0.0451 188.07)` | Botanical Night | white, 11.2 to 1 |
| 3 | `#1d4843` | `oklch(36.80% 0.0484 185.49)` | Country Squire | white, 10.2 to 1 |
| 4 | `#214f48` | `oklch(39.33% 0.0522 182.67)` | Carriage Green | white, 9.2 to 1 |
| 5 | `#25574e` | `oklch(41.89% 0.0562 180.14)` | Forest Biome | white, 8.2 to 1 |
| 6 | `#285e53` | `oklch(44.22% 0.0601 178.34)` | Old Money | white, 7.4 to 1 |
| 7 | `#2b6559` | `oklch(46.45% 0.0645 177.05)` | Terrestrial | white, 6.7 to 1 |
| 8 | `#2e6c5e` | `oklch(48.74% 0.0690 176.01)` | Antique Green | white, 6.1 to 1 |
| 9 | `#317464` | `oklch(51.20% 0.0731 175.00)` | Nordic Forest | white, 5.4 to 1 |
| 10 | `#387d6b` | `oklch(53.96% 0.0762 173.80)` | Green Belt | white, 4.8 to 1 |
| 11 | `#3f8672` | `oklch(56.84% 0.0792 172.30)` | Ionian | black, 4.8 to 1 |
| 12 | `#479079` | `oklch(59.88% 0.0819 170.67)` | Winter Green | black, 5.5 to 1 |
| 13 | `#529a81` | `oklch(63.28% 0.0833 169.14)` | Wintergreen Shadow | black, 6.3 to 1 |
| 14 | `#60a68c` | `oklch(67.24% 0.0822 167.91)` | Artemesia Green | black, 7.3 to 1 |
| 15 | `#74b59b` | `oklch(72.23% 0.0774 167.39)` | Padua | black, 8.8 to 1 |
| 16 | `#8ec8b0` | `oklch(78.53% 0.0688 167.73)` | Hellion Green | black, 11 to 1 |
| 17 | `#a9dbc7` | `oklch(85.08% 0.0585 168.14)` | Prism | black, 13.6 to 1 |
| 18 | `#c3ebda` | `oklch(90.78% 0.0485 167.79)` | Seafoam Pearl | black, 16.2 to 1 |
| 19 | `#d5f6e7` | `oklch(94.58% 0.0407 165.72)` | Cactus Water | black, 18.1 to 1 |
| 20 | `#e3fdee` | `oklch(97.00% 0.0331 160.39)` | Mint Chiffon | black, 19.4 to 1 |
| 21 | `#edfff2` | `oklch(98.33% 0.0255 153.57)` | Azure Mist | black, 20.1 to 1 |
| 22 | `#f1fef2` | `oklch(98.43% 0.0212 147.96)` | Azure Mist | black, 20.2 to 1 |
| 23 | `#edfaee` | `oklch(97.15% 0.0204 146.28)` | Refined Mint | black, 19.4 to 1 |
| 24 | `#e0f1e3` | `oklch(94.21% 0.0263 150.58)` | Ice-Cold White | black, 17.8 to 1 |
| 25 | `#c8e5d4` | `oklch(89.61% 0.0385 159.49)` | Duck Egg Cream | black, 15.6 to 1 |
| 26 | `#a9d6c5` | `oklch(83.90% 0.0524 170.43)` | Southern Belle | black, 13 to 1 |
| 27 | `#89c4b8` | `oklch(77.63% 0.0632 180.87)` | Little Blue Box | black, 10.6 to 1 |
| 28 | `#6fb0aa` | `oklch(71.10% 0.0665 188.66)` | Turquoise Fantasies | black, 8.4 to 1 |
| 29 | `#599595` | `oklch(63.05% 0.0629 195.41)` | Peaceful Pond | black, 6.1 to 1 |
| 30 | `#467a7d` | `oklch(54.43% 0.0556 201.42)` | Lucky Shamrock | white, 4.8 to 1 |
| 31 | `#386267` | `oklch(46.70% 0.0478 206.37)` | Deep Sea Dive | white, 6.7 to 1 |
| 32 | `#2e5258` | `oklch(41.34% 0.0427 209.92)` | Sea of Atlantis | white, 8.5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #173d3a 0.0%, #19413e 3.2%, #1d4843 6.5%, #214f48 9.7%, #25574e 12.9%, #285e53 16.1%, #2b6559 19.4%, #2e6c5e 22.6%, #317464 25.8%, #387d6b 29.0%, #3f8672 32.3%, #479079 35.5%, #529a81 38.7%, #60a68c 41.9%, #74b59b 45.2%, #8ec8b0 48.4%, #a9dbc7 51.6%, #c3ebda 54.8%, #d5f6e7 58.1%, #e3fdee 61.3%, #edfff2 64.5%, #f1fef2 67.7%, #edfaee 71.0%, #e0f1e3 74.2%, #c8e5d4 77.4%, #a9d6c5 80.6%, #89c4b8 83.9%, #6fb0aa 87.1%, #599595 90.3%, #467a7d 93.5%, #386267 96.8%, #2e5258 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(33.07% 0.0427 189.84) 0.0%, oklch(34.61% 0.0451 188.07) 3.2%, oklch(36.80% 0.0484 185.49) 6.5%, oklch(39.33% 0.0522 182.67) 9.7%, oklch(41.89% 0.0562 180.14) 12.9%, oklch(44.22% 0.0601 178.34) 16.1%, oklch(46.45% 0.0645 177.05) 19.4%, oklch(48.74% 0.0690 176.01) 22.6%, oklch(51.20% 0.0731 175.00) 25.8%, oklch(53.96% 0.0762 173.80) 29.0%, oklch(56.84% 0.0792 172.30) 32.3%, oklch(59.88% 0.0819 170.67) 35.5%, oklch(63.28% 0.0833 169.14) 38.7%, oklch(67.24% 0.0822 167.91) 41.9%, oklch(72.23% 0.0774 167.39) 45.2%, oklch(78.53% 0.0688 167.73) 48.4%, oklch(85.08% 0.0585 168.14) 51.6%, oklch(90.78% 0.0485 167.79) 54.8%, oklch(94.58% 0.0407 165.72) 58.1%, oklch(97.00% 0.0331 160.39) 61.3%, oklch(98.33% 0.0255 153.57) 64.5%, oklch(98.43% 0.0212 147.96) 67.7%, oklch(97.15% 0.0204 146.28) 71.0%, oklch(94.21% 0.0263 150.58) 74.2%, oklch(89.61% 0.0385 159.49) 77.4%, oklch(83.90% 0.0524 170.43) 80.6%, oklch(77.63% 0.0632 180.87) 83.9%, oklch(71.10% 0.0665 188.66) 87.1%, oklch(63.05% 0.0629 195.41) 90.3%, oklch(54.43% 0.0556 201.42) 93.5%, oklch(46.70% 0.0478 206.37) 96.8%, oklch(41.34% 0.0427 209.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.043 | 189.8 |
| 2 | 0.429 | 0.058 | 179.3 |
| 3 | 0.535 | 0.076 | 174 |
| 4 | 0.685 | 0.081 | 167.7 |
| 5 | 0.937 | 0.043 | 166.6 |
| 6 | 0.969 | 0.021 | 146.5 |
| 7 | 0.74 | 0.066 | 185.6 |
| 8 | 0.413 | 0.043 | 209.9 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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