# Teal and mint remote sensing palette

The Teal and mint remote sensing palette brings together dark blue, teal, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is light green.

- Also called: Tritone navy, teal and light green angular gradient
- Seed: `kUR1CuOrM8dKvOzsILxg`
- Page: https://grabient.com/kUR1CuOrM8dKvOzsILxg?style=angularGradient&steps=32&angle=210
- Drawn as: angular gradient, 32 steps, 210 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 9.5 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 | `#002b49` | `oklch(27.96% 0.0701 244.83)` | Royal Blue Metallic | white, 14.5 to 1 |
| 2 | `#002e4b` | `oklch(29.00% 0.0703 243.17)` | Royal Blue Metallic | white, 14 to 1 |
| 3 | `#00324f` | `oklch(30.32% 0.0708 241.10)` | Dark Denim Blue | white, 13.3 to 1 |
| 4 | `#003752` | `oklch(31.87% 0.0714 238.67)` | Dark Denim Blue | white, 12.6 to 1 |
| 5 | `#003c57` | `oklch(33.62% 0.0723 235.95)` | Gibraltar Sea | white, 11.7 to 1 |
| 6 | `#00425c` | `oklch(35.51% 0.0733 232.98)` | Maniac Mansion | white, 10.9 to 1 |
| 7 | `#004861` | `oklch(37.49% 0.0746 229.82)` | Stegadon Scale Green | white, 10 to 1 |
| 8 | `#004e66` | `oklch(39.53% 0.0760 226.51)` | Hanada Blue | white, 9.2 to 1 |
| 9 | `#00556b` | `oklch(41.57% 0.0775 223.12)` | Plunge | white, 8.4 to 1 |
| 10 | `#005b6f` | `oklch(43.56% 0.0791 219.68)` | Deep Lagoon | white, 7.7 to 1 |
| 11 | `#006173` | `oklch(45.46% 0.0809 216.25)` | Ocean Radiance | white, 7 to 1 |
| 12 | `#006777` | `oklch(47.26% 0.0826 212.80)` | Bankson Lake | white, 6.5 to 1 |
| 13 | `#006d7a` | `oklch(49.06% 0.0846 209.12)` | Carnival Night | white, 6 to 1 |
| 14 | `#00747d` | `oklch(50.86% 0.0869 205.23)` | Night Scape | white, 5.5 to 1 |
| 15 | `#007a80` | `oklch(52.67% 0.0896 201.21)` | Tobernite | white, 5.1 to 1 |
| 16 | `#008083` | `oklch(54.48% 0.0927 197.09)` | Teal | white, 4.7 to 1 |
| 17 | `#008785` | `oklch(56.30% 0.0964 192.95)` | Green Lapis | black, 4.7 to 1 |
| 18 | `#008d87` | `oklch(58.14% 0.1008 188.84)` | Aqua Experience | black, 5.1 to 1 |
| 19 | `#009488` | `oklch(59.98% 0.1058 184.81)` | Approval Green | black, 5.6 to 1 |
| 20 | `#009b89` | `oklch(61.84% 0.1115 180.93)` | Flamboyant Teal | black, 6 to 1 |
| 21 | `#00a28a` | `oklch(63.71% 0.1179 177.25)` | Brilliant Turquoise | black, 6.5 to 1 |
| 22 | `#00a98b` | `oklch(65.60% 0.1250 173.81)` | Moray Eel | black, 7 to 1 |
| 23 | `#24b08c` | `oklch(67.64% 0.1255 170.39)` | Mermaid Song | black, 7.6 to 1 |
| 24 | `#3eb68e` | `oklch(69.81% 0.1217 166.96)` | Mint | black, 8.2 to 1 |
| 25 | `#53bc90` | `oklch(72.06% 0.1174 163.57)` | Bleached Olive | black, 8.9 to 1 |
| 26 | `#65c294` | `oklch(74.32% 0.1128 160.28)` | Felt Green | black, 9.6 to 1 |
| 27 | `#74c897` | `oklch(76.55% 0.1081 157.12)` | Green Gala | black, 10.4 to 1 |
| 28 | `#82cd9b` | `oklch(78.67% 0.1035 154.17)` | Garden Glow | black, 11.1 to 1 |
| 29 | `#8fd2a0` | `oklch(80.64% 0.0991 151.46)` | Fennel | black, 11.9 to 1 |
| 30 | `#9ad7a4` | `oklch(82.40% 0.0952 149.06)` | Green Ash | black, 12.6 to 1 |
| 31 | `#a2dba7` | `oklch(83.88% 0.0920 147.00)` | Green Trance | black, 13.2 to 1 |
| 32 | `#a9deaa` | `oklch(85.04% 0.0896 145.35)` | Vers de Terre | black, 13.7 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #002b49 0.0%, #002e4b 3.2%, #00324f 6.5%, #003752 9.7%, #003c57 12.9%, #00425c 16.1%, #004861 19.4%, #004e66 22.6%, #00556b 25.8%, #005b6f 29.0%, #006173 32.3%, #006777 35.5%, #006d7a 38.7%, #00747d 41.9%, #007a80 45.2%, #008083 48.4%, #008785 51.6%, #008d87 54.8%, #009488 58.1%, #009b89 61.3%, #00a28a 64.5%, #00a98b 67.7%, #24b08c 71.0%, #3eb68e 74.2%, #53bc90 77.4%, #65c294 80.6%, #74c897 83.9%, #82cd9b 87.1%, #8fd2a0 90.3%, #9ad7a4 93.5%, #a2dba7 96.8%, #a9deaa 100.0%);
background: conic-gradient(from 210deg in oklch, oklch(27.96% 0.0701 244.83) 0.0%, oklch(29.00% 0.0703 243.17) 3.2%, oklch(30.32% 0.0708 241.10) 6.5%, oklch(31.87% 0.0714 238.67) 9.7%, oklch(33.62% 0.0723 235.95) 12.9%, oklch(35.51% 0.0733 232.98) 16.1%, oklch(37.49% 0.0746 229.82) 19.4%, oklch(39.53% 0.0760 226.51) 22.6%, oklch(41.57% 0.0775 223.12) 25.8%, oklch(43.56% 0.0791 219.68) 29.0%, oklch(45.46% 0.0809 216.25) 32.3%, oklch(47.26% 0.0826 212.80) 35.5%, oklch(49.06% 0.0846 209.12) 38.7%, oklch(50.86% 0.0869 205.23) 41.9%, oklch(52.67% 0.0896 201.21) 45.2%, oklch(54.48% 0.0927 197.09) 48.4%, oklch(56.30% 0.0964 192.95) 51.6%, oklch(58.14% 0.1008 188.84) 54.8%, oklch(59.98% 0.1058 184.81) 58.1%, oklch(61.84% 0.1115 180.93) 61.3%, oklch(63.71% 0.1179 177.25) 64.5%, oklch(65.60% 0.1250 173.81) 67.7%, oklch(67.64% 0.1255 170.39) 71.0%, oklch(69.81% 0.1217 166.96) 74.2%, oklch(72.06% 0.1174 163.57) 77.4%, oklch(74.32% 0.1128 160.28) 80.6%, oklch(76.55% 0.1081 157.12) 83.9%, oklch(78.67% 0.1035 154.17) 87.1%, oklch(80.64% 0.0991 151.46) 90.3%, oklch(82.40% 0.0952 149.06) 93.5%, oklch(83.88% 0.0920 147.00) 96.8%, oklch(85.04% 0.0896 145.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.11 | 244.7 |
| 2 | 0.461 | 0.141 | 215.1 |
| 3 | 0.65 | 0.13 | 174.9 |
| 4 | 0.85 | 0.09 | 145.4 |

## In these collections

- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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