# Blue and Green: Lime and teal

The "Blue and Green: Lime and teal" palette brings together off-white, teal, light green, and dark blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Gray, teal, green and navy linear gradient
- Seed: `kU9hFg1yhH2ayN-fGk7A`
- Page: https://grabient.com/kU9hFg1yhH2ayN-fGk7A?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 15 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 | `#eef9e9` | `oklch(96.85% 0.0234 135.70)` | White Sulphur | black, 19.2 to 1 |
| 2 | `#e5f4e2` | `oklch(95.05% 0.0287 140.09)` | Weathered Mint | black, 18.3 to 1 |
| 3 | `#d8edd9` | `oklch(92.54% 0.0357 146.43)` | Silky Mint | black, 17 to 1 |
| 4 | `#c7e5cf` | `oklch(89.48% 0.0441 154.18)` | Delta Mint | black, 15.5 to 1 |
| 5 | `#b2ddc7` | `oklch(86.08% 0.0534 162.80)` | Shallow Shore | black, 14 to 1 |
| 6 | `#9cd4c1` | `oklch(82.51% 0.0634 171.74)` | Flowering Cactus | black, 12.5 to 1 |
| 7 | `#84cabd` | `oklch(78.97% 0.0736 180.45)` | Tranquil Teal | black, 11.2 to 1 |
| 8 | `#6cc1ba` | `oklch(75.65% 0.0836 188.39)` | Tropic Tide | black, 10 to 1 |
| 9 | `#55b9b9` | `oklch(72.72% 0.0929 195.01)` | Dickie Bird | black, 9 to 1 |
| 10 | `#3fb2b8` | `oklch(70.38% 0.1013 199.77)` | Lake Tahoe Turquoise | black, 8.3 to 1 |
| 11 | `#2aaeb7` | `oklch(68.82% 0.1083 202.12)` | Mermaid Treasure | black, 7.8 to 1 |
| 12 | `#11aeb6` | `oklch(68.28% 0.1139 201.33)` | Mermaid Treasure | black, 7.7 to 1 |
| 13 | `#00b1b4` | `oklch(68.92% 0.1173 196.88)` | Mermaid Treasure | black, 7.9 to 1 |
| 14 | `#00b8b0` | `oklch(70.47% 0.1219 189.58)` | Super Rare Jade | black, 8.4 to 1 |
| 15 | `#18c0aa` | `oklch(72.62% 0.1282 180.34)` | Turquoise | black, 9.1 to 1 |
| 16 | `#3cc9a1` | `oklch(75.09% 0.1319 170.03)` | Jadeite | black, 10 to 1 |
| 17 | `#5bd097` | `oklch(77.58% 0.1350 159.56)` | Van Gogh Green | black, 10.9 to 1 |
| 18 | `#77d68d` | `oklch(79.79% 0.1373 149.81)` | Electric Lettuce | black, 11.7 to 1 |
| 19 | `#8dd983` | `oklch(81.42% 0.1388 141.68)` | Leek | black, 12.3 to 1 |
| 20 | `#9bd97c` | `oklch(82.18% 0.1393 136.05)` | Tropical Light | black, 12.6 to 1 |
| 21 | `#9ed777` | `oklch(81.78% 0.1388 133.81)` | Tropical Light | black, 12.4 to 1 |
| 22 | `#95d176` | `oklch(79.90% 0.1370 135.85)` | Fluorescence | black, 11.6 to 1 |
| 23 | `#7ec878` | `oklch(76.39% 0.1334 142.32)` | Emerald Rain | black, 10.3 to 1 |
| 24 | `#5dba7b` | `oklch(71.52% 0.1279 152.44)` | Heart Chakra | black, 8.7 to 1 |
| 25 | `#32a87f` | `oklch(65.63% 0.1211 165.33)` | Gumdrop Green | black, 7 to 1 |
| 26 | `#009280` | `oklch(59.07% 0.1071 180.13)` | Silk Sari | black, 5.4 to 1 |
| 27 | `#00797a` | `oklch(52.16% 0.0889 195.97)` | Blue Grass | white, 5.2 to 1 |
| 28 | `#00616f` | `oklch(45.26% 0.0789 212.00)` | Blue Lagoon | white, 7.1 to 1 |
| 29 | `#004c63` | `oklch(38.69% 0.0750 227.35)` | Work Blue | white, 9.5 to 1 |
| 30 | `#003958` | `oklch(32.81% 0.0767 241.14)` | Gibraltar Sea | white, 12.2 to 1 |
| 31 | `#06294c` | `oklch(27.93% 0.0758 252.38)` | Royal Blue Metallic | white, 14.6 to 1 |
| 32 | `#0a1f42` | `oklch(24.41% 0.0717 260.40)` | Rhapsody in Blue | white, 16.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #eef9e9 0.0%, #e5f4e2 3.2%, #d8edd9 6.5%, #c7e5cf 9.7%, #b2ddc7 12.9%, #9cd4c1 16.1%, #84cabd 19.4%, #6cc1ba 22.6%, #55b9b9 25.8%, #3fb2b8 29.0%, #2aaeb7 32.3%, #11aeb6 35.5%, #00b1b4 38.7%, #00b8b0 41.9%, #18c0aa 45.2%, #3cc9a1 48.4%, #5bd097 51.6%, #77d68d 54.8%, #8dd983 58.1%, #9bd97c 61.3%, #9ed777 64.5%, #95d176 67.7%, #7ec878 71.0%, #5dba7b 74.2%, #32a87f 77.4%, #009280 80.6%, #00797a 83.9%, #00616f 87.1%, #004c63 90.3%, #003958 93.5%, #06294c 96.8%, #0a1f42 100.0%);
background: linear-gradient(180deg in oklch, oklch(96.85% 0.0234 135.70) 0.0%, oklch(95.05% 0.0287 140.09) 3.2%, oklch(92.54% 0.0357 146.43) 6.5%, oklch(89.48% 0.0441 154.18) 9.7%, oklch(86.08% 0.0534 162.80) 12.9%, oklch(82.51% 0.0634 171.74) 16.1%, oklch(78.97% 0.0736 180.45) 19.4%, oklch(75.65% 0.0836 188.39) 22.6%, oklch(72.72% 0.0929 195.01) 25.8%, oklch(70.38% 0.1013 199.77) 29.0%, oklch(68.82% 0.1083 202.12) 32.3%, oklch(68.28% 0.1139 201.33) 35.5%, oklch(68.92% 0.1173 196.88) 38.7%, oklch(70.47% 0.1219 189.58) 41.9%, oklch(72.62% 0.1282 180.34) 45.2%, oklch(75.09% 0.1319 170.03) 48.4%, oklch(77.58% 0.1350 159.56) 51.6%, oklch(79.79% 0.1373 149.81) 54.8%, oklch(81.42% 0.1388 141.68) 58.1%, oklch(82.18% 0.1393 136.05) 61.3%, oklch(81.78% 0.1388 133.81) 64.5%, oklch(79.90% 0.1370 135.85) 67.7%, oklch(76.39% 0.1334 142.32) 71.0%, oklch(71.52% 0.1279 152.44) 74.2%, oklch(65.63% 0.1211 165.33) 77.4%, oklch(59.07% 0.1071 180.13) 80.6%, oklch(52.16% 0.0889 195.97) 83.9%, oklch(45.26% 0.0789 212.00) 87.1%, oklch(38.69% 0.0750 227.35) 90.3%, oklch(32.81% 0.0767 241.14) 93.5%, oklch(27.93% 0.0758 252.38) 96.8%, oklch(24.41% 0.0717 260.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.023 | 135.7 |
| 2 | 0.685 | 0.11 | 202.3 |
| 3 | 0.807 | 0.138 | 134.6 |
| 4 | 0.244 | 0.072 | 260.4 |

## In these collections

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

## Other forms

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