# Mint and teal blue and green palette

The Mint and teal blue and green palette brings together 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: Duotone light green and blue angular swatches
- Seed: `kU4ilk6xdFdwewrHoMFg`
- Page: https://grabient.com/kU4ilk6xdFdwewrHoMFg?style=angularSwatches&steps=34
- Drawn as: angular swatches, 34 steps, 90 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.2 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 | `#c7e5c2` | `oklch(88.98% 0.0565 141.33)` | Sweet Menthol | black, 15.3 to 1 |
| 2 | `#c4e4c3` | `oklch(88.75% 0.0568 143.90)` | Green Myth | black, 15.2 to 1 |
| 3 | `#c1e4c4` | `oklch(88.50% 0.0571 147.27)` | Sugar Mint | black, 15.1 to 1 |
| 4 | `#bde4c5` | `oklch(88.22% 0.0575 151.28)` | Sugar Mint | black, 15 to 1 |
| 5 | `#b9e3c7` | `oklch(87.90% 0.0579 155.79)` | Spearmints | black, 14.9 to 1 |
| 6 | `#b5e3c9` | `oklch(87.55% 0.0584 160.63)` | Beach Blanket | black, 14.7 to 1 |
| 7 | `#b1e2cc` | `oklch(87.14% 0.0589 165.64)` | Quiet Jade | black, 14.5 to 1 |
| 8 | `#ade1ce` | `oklch(86.69% 0.0596 170.67)` | Coral Green | black, 14.3 to 1 |
| 9 | `#a8dfd0` | `oklch(86.18% 0.0603 175.56)` | Meristem | black, 14.1 to 1 |
| 10 | `#a4ddd1` | `oklch(85.61% 0.0612 180.16)` | Sparkling Mint | black, 13.8 to 1 |
| 11 | `#a0dbd2` | `oklch(84.97% 0.0622 184.30)` | Sky Blue View | black, 13.6 to 1 |
| 12 | `#9cd9d3` | `oklch(84.25% 0.0634 187.83)` | In the Shallows | black, 13.2 to 1 |
| 13 | `#97d7d3` | `oklch(83.46% 0.0648 190.85)` | In the Shallows | black, 12.9 to 1 |
| 14 | `#92d4d2` | `oklch(82.59% 0.0665 193.61)` | Summer Soft Blue | black, 12.5 to 1 |
| 15 | `#8dd1d2` | `oklch(81.66% 0.0684 196.13)` | Fling Green | black, 12.2 to 1 |
| 16 | `#88ced1` | `oklch(80.66% 0.0705 198.44)` | Aqua Splash | black, 11.8 to 1 |
| 17 | `#82cbcf` | `oklch(79.61% 0.0727 200.56)` | White Ultramarine | black, 11.4 to 1 |
| 18 | `#7dc8ce` | `oklch(78.50% 0.0749 202.53)` | Valonia | black, 10.9 to 1 |
| 19 | `#77c4cc` | `oklch(77.35% 0.0771 204.38)` | Wavelet | black, 10.5 to 1 |
| 20 | `#71c0ca` | `oklch(76.17% 0.0791 206.12)` | Luna Moona | black, 10.1 to 1 |
| 21 | `#6cbcc8` | `oklch(74.95% 0.0810 207.80)` | Azul Turquesa | black, 9.7 to 1 |
| 22 | `#66b8c6` | `oklch(73.70% 0.0827 209.44)` | Blouson Blue | black, 9.2 to 1 |
| 23 | `#61b4c4` | `oklch(72.44% 0.0841 211.07)` | Glacier Lake | black, 8.8 to 1 |
| 24 | `#5cb0c1` | `oklch(71.08% 0.0851 212.67)` | Finnish Fiord | black, 8.4 to 1 |
| 25 | `#56abbe` | `oklch(69.55% 0.0861 214.19)` | Verditer Blue | black, 7.9 to 1 |
| 26 | `#51a6ba` | `oklch(67.91% 0.0868 215.64)` | Blue Calypso | black, 7.4 to 1 |
| 27 | `#4ba0b6` | `oklch(66.21% 0.0874 217.00)` | Aquatic Cool | black, 7 to 1 |
| 28 | `#469ab1` | `oklch(64.49% 0.0879 218.27)` | Starflower Blue | black, 6.5 to 1 |
| 29 | `#4095ad` | `oklch(62.79% 0.0883 219.44)` | Enchanted Well | black, 6.1 to 1 |
| 30 | `#3b90a9` | `oklch(61.16% 0.0886 220.52)` | Blue Moon | black, 5.7 to 1 |
| 31 | `#368ba5` | `oklch(59.65% 0.0889 221.50)` | Magic Blue | black, 5.3 to 1 |
| 32 | `#3287a1` | `oklch(58.31% 0.0891 222.36)` | Waikiki | black, 5.1 to 1 |
| 33 | `#2e839e` | `oklch(57.18% 0.0893 223.12)` | Kings of Sea | black, 4.8 to 1 |
| 34 | `#2c809c` | `oklch(56.30% 0.0896 223.75)` | Greenland Blue | black, 4.6 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #c7e5c2 0.000% 2.941%, #c4e4c3 2.941% 5.882%, #c1e4c4 5.882% 8.824%, #bde4c5 8.824% 11.765%, #b9e3c7 11.765% 14.706%, #b5e3c9 14.706% 17.647%, #b1e2cc 17.647% 20.588%, #ade1ce 20.588% 23.529%, #a8dfd0 23.529% 26.471%, #a4ddd1 26.471% 29.412%, #a0dbd2 29.412% 32.353%, #9cd9d3 32.353% 35.294%, #97d7d3 35.294% 38.235%, #92d4d2 38.235% 41.176%, #8dd1d2 41.176% 44.118%, #88ced1 44.118% 47.059%, #82cbcf 47.059% 50.000%, #7dc8ce 50.000% 52.941%, #77c4cc 52.941% 55.882%, #71c0ca 55.882% 58.824%, #6cbcc8 58.824% 61.765%, #66b8c6 61.765% 64.706%, #61b4c4 64.706% 67.647%, #5cb0c1 67.647% 70.588%, #56abbe 70.588% 73.529%, #51a6ba 73.529% 76.471%, #4ba0b6 76.471% 79.412%, #469ab1 79.412% 82.353%, #4095ad 82.353% 85.294%, #3b90a9 85.294% 88.235%, #368ba5 88.235% 91.176%, #3287a1 91.176% 94.118%, #2e839e 94.118% 97.059%, #2c809c 97.059% 100.000%);
background: conic-gradient(from 90deg, oklch(88.98% 0.0565 141.33) 0.000% 2.941%, oklch(88.75% 0.0568 143.90) 2.941% 5.882%, oklch(88.50% 0.0571 147.27) 5.882% 8.824%, oklch(88.22% 0.0575 151.28) 8.824% 11.765%, oklch(87.90% 0.0579 155.79) 11.765% 14.706%, oklch(87.55% 0.0584 160.63) 14.706% 17.647%, oklch(87.14% 0.0589 165.64) 17.647% 20.588%, oklch(86.69% 0.0596 170.67) 20.588% 23.529%, oklch(86.18% 0.0603 175.56) 23.529% 26.471%, oklch(85.61% 0.0612 180.16) 26.471% 29.412%, oklch(84.97% 0.0622 184.30) 29.412% 32.353%, oklch(84.25% 0.0634 187.83) 32.353% 35.294%, oklch(83.46% 0.0648 190.85) 35.294% 38.235%, oklch(82.59% 0.0665 193.61) 38.235% 41.176%, oklch(81.66% 0.0684 196.13) 41.176% 44.118%, oklch(80.66% 0.0705 198.44) 44.118% 47.059%, oklch(79.61% 0.0727 200.56) 47.059% 50.000%, oklch(78.50% 0.0749 202.53) 50.000% 52.941%, oklch(77.35% 0.0771 204.38) 52.941% 55.882%, oklch(76.17% 0.0791 206.12) 55.882% 58.824%, oklch(74.95% 0.0810 207.80) 58.824% 61.765%, oklch(73.70% 0.0827 209.44) 61.765% 64.706%, oklch(72.44% 0.0841 211.07) 64.706% 67.647%, oklch(71.08% 0.0851 212.67) 67.647% 70.588%, oklch(69.55% 0.0861 214.19) 70.588% 73.529%, oklch(67.91% 0.0868 215.64) 73.529% 76.471%, oklch(66.21% 0.0874 217.00) 76.471% 79.412%, oklch(64.49% 0.0879 218.27) 79.412% 82.353%, oklch(62.79% 0.0883 219.44) 82.353% 85.294%, oklch(61.16% 0.0886 220.52) 85.294% 88.235%, oklch(59.65% 0.0889 221.50) 88.235% 91.176%, oklch(58.31% 0.0891 222.36) 91.176% 94.118%, oklch(57.18% 0.0893 223.12) 94.118% 97.059%, oklch(56.30% 0.0896 223.75) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.056 | 141.3 |
| 2 | 0.843 | 0.063 | 187.8 |
| 3 | 0.724 | 0.084 | 211.1 |
| 4 | 0.563 | 0.09 | 223.8 |

## In these collections

- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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