# Navy, emerald and deep cyan sky palette

The Navy, emerald and deep cyan sky palette brings together blue, teal, green, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Navy, teal, green and blue angular gradient
- Seed: `kcVS6xOhy80ghvJVq7yYqg9micPjPl0YthhGw`
- Page: https://grabient.com/kcVS6xOhy80ghvJVq7yYqg9micPjPl0YthhGw?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#1a3956` | `oklch(33.46% 0.0634 248.91)` | Gibraltar Sea | white, 11.9 to 1 |
| 2 | `#1a3f5c` | `oklch(35.42% 0.0658 244.77)` | Sir Edmund | white, 11 to 1 |
| 3 | `#194864` | `oklch(38.21% 0.0693 238.89)` | Swallow Blue | white, 9.8 to 1 |
| 4 | `#17526c` | `oklch(41.39% 0.0732 232.10)` | Blue Palisade | white, 8.5 to 1 |
| 5 | `#145c74` | `oklch(44.48% 0.0771 225.24)` | Deep Blue Sea | white, 7.4 to 1 |
| 6 | `#11667a` | `oklch(47.15% 0.0803 218.91)` | World’s Away | white, 6.5 to 1 |
| 7 | `#0f6e7e` | `oklch(49.68% 0.0830 212.52)` | Coastal Jetty | white, 5.8 to 1 |
| 8 | `#107782` | `oklch(52.16% 0.0856 206.03)` | Blue Kelp | white, 5.2 to 1 |
| 9 | `#138084` | `oklch(54.60% 0.0888 199.51)` | Riviera Sea | white, 4.7 to 1 |
| 10 | `#178887` | `oklch(57.04% 0.0930 193.03)` | Tubbataha Teal | black, 4.9 to 1 |
| 11 | `#189188` | `oklch(59.47% 0.0994 186.38)` | Ocean Liner | black, 5.4 to 1 |
| 12 | `#1b9a88` | `oklch(61.89% 0.1070 179.64)` | Flamboyant Teal | black, 6 to 1 |
| 13 | `#25a386` | `oklch(64.28% 0.1142 173.09)` | Brilliant Turquoise | black, 6.6 to 1 |
| 14 | `#35ab85` | `oklch(66.65% 0.1191 167.03)` | Herbal | black, 7.3 to 1 |
| 15 | `#48b284` | `oklch(69.06% 0.1207 161.65)` | Divot | black, 8 to 1 |
| 16 | `#5bba84` | `oklch(71.57% 0.1199 156.79)` | Green Garter | black, 8.7 to 1 |
| 17 | `#6dc086` | `oklch(74.02% 0.1174 152.34)` | Clover Mist | black, 9.5 to 1 |
| 18 | `#7dc689` | `oklch(76.23% 0.1135 148.19)` | Garden Stroll | black, 10.2 to 1 |
| 19 | `#8cca8b` | `oklch(78.07% 0.1087 144.11)` | De York | black, 10.9 to 1 |
| 20 | `#9dce8e` | `oklch(80.06% 0.1018 138.64)` | Gentle Landscape | black, 11.6 to 1 |
| 21 | `#acd193` | `oklch(81.90% 0.0933 133.03)` | Nature’s Delight | black, 12.3 to 1 |
| 22 | `#b6d398` | `oklch(82.93% 0.0849 129.43)` | In Good Taste | black, 12.7 to 1 |
| 23 | `#b5d09b` | `oklch(82.50% 0.0780 130.00)` | Fava Bean | black, 12.5 to 1 |
| 24 | `#a9c99b` | `oklch(80.02% 0.0730 136.44)` | Oh Pistachio | black, 11.5 to 1 |
| 25 | `#93bd98` | `oklch(75.77% 0.0692 147.66)` | Green-Eyed Lady | black, 9.9 to 1 |
| 26 | `#7bae93` | `oklch(70.60% 0.0663 161.50)` | Nature Green | black, 8.2 to 1 |
| 27 | `#649d8e` | `oklch(65.33% 0.0642 175.82)` | Dull Teal | black, 6.7 to 1 |
| 28 | `#538e8a` | `oklch(60.59% 0.0630 189.05)` | Sea Garden | black, 5.6 to 1 |
| 29 | `#427e84` | `oklch(55.44% 0.0631 203.79)` | Enamel Antique Green | white, 4.6 to 1 |
| 30 | `#346d7d` | `oklch(50.25% 0.0642 218.91)` | Kimberley Sea | white, 5.8 to 1 |
| 31 | `#2d5e76` | `oklch(45.70% 0.0654 232.21)` | Blumine | white, 7.1 to 1 |
| 32 | `#2a536f` | `oklch(42.52% 0.0661 241.51)` | Diver Lady | white, 8.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #1a3956 0.0%, #1a3f5c 3.2%, #194864 6.5%, #17526c 9.7%, #145c74 12.9%, #11667a 16.1%, #0f6e7e 19.4%, #107782 22.6%, #138084 25.8%, #178887 29.0%, #189188 32.3%, #1b9a88 35.5%, #25a386 38.7%, #35ab85 41.9%, #48b284 45.2%, #5bba84 48.4%, #6dc086 51.6%, #7dc689 54.8%, #8cca8b 58.1%, #9dce8e 61.3%, #acd193 64.5%, #b6d398 67.7%, #b5d09b 71.0%, #a9c99b 74.2%, #93bd98 77.4%, #7bae93 80.6%, #649d8e 83.9%, #538e8a 87.1%, #427e84 90.3%, #346d7d 93.5%, #2d5e76 96.8%, #2a536f 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(33.46% 0.0634 248.91) 0.0%, oklch(35.42% 0.0658 244.77) 3.2%, oklch(38.21% 0.0693 238.89) 6.5%, oklch(41.39% 0.0732 232.10) 9.7%, oklch(44.48% 0.0771 225.24) 12.9%, oklch(47.15% 0.0803 218.91) 16.1%, oklch(49.68% 0.0830 212.52) 19.4%, oklch(52.16% 0.0856 206.03) 22.6%, oklch(54.60% 0.0888 199.51) 25.8%, oklch(57.04% 0.0930 193.03) 29.0%, oklch(59.47% 0.0994 186.38) 32.3%, oklch(61.89% 0.1070 179.64) 35.5%, oklch(64.28% 0.1142 173.09) 38.7%, oklch(66.65% 0.1191 167.03) 41.9%, oklch(69.06% 0.1207 161.65) 45.2%, oklch(71.57% 0.1199 156.79) 48.4%, oklch(74.02% 0.1174 152.34) 51.6%, oklch(76.23% 0.1135 148.19) 54.8%, oklch(78.07% 0.1087 144.11) 58.1%, oklch(80.06% 0.1018 138.64) 61.3%, oklch(81.90% 0.0933 133.03) 64.5%, oklch(82.93% 0.0849 129.43) 67.7%, oklch(82.50% 0.0780 130.00) 71.0%, oklch(80.02% 0.0730 136.44) 74.2%, oklch(75.77% 0.0692 147.66) 77.4%, oklch(70.60% 0.0663 161.50) 80.6%, oklch(65.33% 0.0642 175.82) 83.9%, oklch(60.59% 0.0630 189.05) 87.1%, oklch(55.44% 0.0631 203.79) 90.3%, oklch(50.25% 0.0642 218.91) 93.5%, oklch(45.70% 0.0654 232.21) 96.8%, oklch(42.52% 0.0661 241.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.063 | 248.9 |
| 2 | 0.457 | 0.079 | 222.5 |
| 3 | 0.567 | 0.092 | 194 |
| 4 | 0.673 | 0.12 | 165.4 |
| 5 | 0.776 | 0.11 | 145.3 |
| 6 | 0.823 | 0.077 | 130.6 |
| 7 | 0.626 | 0.063 | 183.4 |
| 8 | 0.425 | 0.066 | 241.5 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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