# Navy, deep cyan and near-black color palette

The Navy, deep cyan and near-black color palette brings together dark blue, green, blue, and dark gray. The colors span a moderate lightness range, combining moderate color with clear contrast. Its dark and grounded character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is green.

- Also called: Navy, green, blue and black linear gradient
- Seed: `kUNSa6yKqyrUaTEWCDTg`
- Page: https://grabient.com/kUNSa6yKqyrUaTEWCDTg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#0a1730` | `oklch(20.87% 0.0524 262.27)` | Liberty Blue | white, 17.8 to 1 |
| 2 | `#081d37` | `oklch(23.16% 0.0565 254.93)` | Naval Night | white, 16.8 to 1 |
| 3 | `#022741` | `oklch(26.38% 0.0625 244.36)` | Murky Depths | white, 15.3 to 1 |
| 4 | `#003348` | `oklch(30.29% 0.0615 231.56)` | Cosmos Blue | white, 13.3 to 1 |
| 5 | `#00414e` | `oklch(34.63% 0.0619 217.15)` | Cold and Dark | white, 11.2 to 1 |
| 6 | `#005055` | `oklch(39.18% 0.0667 202.21)` | Transporter Green | white, 9.2 to 1 |
| 7 | `#005f59` | `oklch(43.70% 0.0761 187.62)` | Tidal Pool | white, 7.5 to 1 |
| 8 | `#006e5a` | `oklch(47.95% 0.0910 174.28)` | Teal Dark Green | white, 6.2 to 1 |
| 9 | `#0b7b56` | `oklch(51.68% 0.1087 163.09)` | Sharp Green | white, 5.2 to 1 |
| 10 | `#2c8452` | `oklch(54.67% 0.1137 154.91)` | Monster Monstera | white, 4.6 to 1 |
| 11 | `#3a8951` | `oklch(56.68% 0.1167 150.65)` | Imperial Green | black, 4.8 to 1 |
| 12 | `#3b8c54` | `oklch(57.57% 0.1173 151.27)` | Medium Green | black, 5 to 1 |
| 13 | `#2f8d5d` | `oklch(57.63% 0.1161 156.99)` | Lake Green | black, 5.1 to 1 |
| 14 | `#128c69` | `oklch(57.01% 0.1133 166.74)` | Indonesian Jungle | black, 4.9 to 1 |
| 15 | `#008775` | `oklch(55.82% 0.1017 179.39)` | Summer Turquoise | black, 4.7 to 1 |
| 16 | `#00807f` | `oklch(54.16% 0.0926 193.84)` | Teal | white, 4.8 to 1 |
| 17 | `#007785` | `oklch(52.17% 0.0899 208.94)` | Biscay Bay | white, 5.2 to 1 |
| 18 | `#036e8a` | `oklch(49.94% 0.0926 223.54)` | Private Eye | white, 5.8 to 1 |
| 19 | `#226387` | `oklch(47.61% 0.0864 236.55)` | Copenhagen Blue | white, 6.5 to 1 |
| 20 | `#2d5a80` | `oklch(45.29% 0.0804 246.84)` | Dark Blue | white, 7.3 to 1 |
| 21 | `#315278` | `oklch(43.08% 0.0749 253.28)` | Aerostatics | white, 8 to 1 |
| 22 | `#2f4c70` | `oklch(41.07% 0.0701 254.81)` | Enchanted Navy | white, 8.8 to 1 |
| 23 | `#294666` | `oklch(38.85% 0.0651 251.87)` | Commodore | white, 9.6 to 1 |
| 24 | `#21415b` | `oklch(36.35% 0.0598 245.41)` | Sir Edmund | white, 10.6 to 1 |
| 25 | `#173b4f` | `oklch(33.67% 0.0542 236.22)` | Subterranean River | white, 11.7 to 1 |
| 26 | `#0f3542` | `oklch(30.89% 0.0486 225.09)` | Firmament Blue | white, 13 to 1 |
| 27 | `#082f36` | `oklch(28.11% 0.0431 212.82)` | Black Chasm | white, 14.3 to 1 |
| 28 | `#06282a` | `oklch(25.41% 0.0378 200.19)` | Sunken Ship | white, 15.6 to 1 |
| 29 | `#06221f` | `oklch(22.90% 0.0329 187.98)` | Stellar Explorer | white, 16.7 to 1 |
| 30 | `#071c17` | `oklch(20.65% 0.0286 177.01)` | Black Stallion | white, 17.7 to 1 |
| 31 | `#071711` | `oklch(18.76% 0.0249 168.04)` | Pinch of Pepper | white, 18.4 to 1 |
| 32 | `#07130d` | `oklch(17.32% 0.0220 161.87)` | Jedi Night | white, 18.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0a1730 0.0%, #081d37 3.2%, #022741 6.5%, #003348 9.7%, #00414e 12.9%, #005055 16.1%, #005f59 19.4%, #006e5a 22.6%, #0b7b56 25.8%, #2c8452 29.0%, #3a8951 32.3%, #3b8c54 35.5%, #2f8d5d 38.7%, #128c69 41.9%, #008775 45.2%, #00807f 48.4%, #007785 51.6%, #036e8a 54.8%, #226387 58.1%, #2d5a80 61.3%, #315278 64.5%, #2f4c70 67.7%, #294666 71.0%, #21415b 74.2%, #173b4f 77.4%, #0f3542 80.6%, #082f36 83.9%, #06282a 87.1%, #06221f 90.3%, #071c17 93.5%, #071711 96.8%, #07130d 100.0%);
background: linear-gradient(45deg in oklch, oklch(20.87% 0.0524 262.27) 0.0%, oklch(23.16% 0.0565 254.93) 3.2%, oklch(26.38% 0.0625 244.36) 6.5%, oklch(30.29% 0.0615 231.56) 9.7%, oklch(34.63% 0.0619 217.15) 12.9%, oklch(39.18% 0.0667 202.21) 16.1%, oklch(43.70% 0.0761 187.62) 19.4%, oklch(47.95% 0.0910 174.28) 22.6%, oklch(51.68% 0.1087 163.09) 25.8%, oklch(54.67% 0.1137 154.91) 29.0%, oklch(56.68% 0.1167 150.65) 32.3%, oklch(57.57% 0.1173 151.27) 35.5%, oklch(57.63% 0.1161 156.99) 38.7%, oklch(57.01% 0.1133 166.74) 41.9%, oklch(55.82% 0.1017 179.39) 45.2%, oklch(54.16% 0.0926 193.84) 48.4%, oklch(52.17% 0.0899 208.94) 51.6%, oklch(49.94% 0.0926 223.54) 54.8%, oklch(47.61% 0.0864 236.55) 58.1%, oklch(45.29% 0.0804 246.84) 61.3%, oklch(43.08% 0.0749 253.28) 64.5%, oklch(41.07% 0.0701 254.81) 67.7%, oklch(38.85% 0.0651 251.87) 71.0%, oklch(36.35% 0.0598 245.41) 74.2%, oklch(33.67% 0.0542 236.22) 77.4%, oklch(30.89% 0.0486 225.09) 80.6%, oklch(28.11% 0.0431 212.82) 83.9%, oklch(25.41% 0.0378 200.19) 87.1%, oklch(22.90% 0.0329 187.98) 90.3%, oklch(20.65% 0.0286 177.01) 93.5%, oklch(18.76% 0.0249 168.04) 96.8%, oklch(17.32% 0.0220 161.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.052 | 262.3 |
| 2 | 0.571 | 0.117 | 150.2 |
| 3 | 0.417 | 0.072 | 254.9 |
| 4 | 0.173 | 0.022 | 161.9 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)
- [School uniform](https://grabient.com/school-uniform)

## Other forms

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