# Navy and teal wallpaper palette

The Navy and teal wallpaper palette brings together dark blue, teal, and dark teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Analogous navy to teal radial gradient
- Seed: `kUMzO5Na871ukuyhHUJA`
- Page: https://grabient.com/kUMzO5Na871ukuyhHUJA?style=radialGradient&steps=40&angle=20
- Drawn as: radial gradient, 40 steps, 20 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 7.7 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 | `#031435` | `oklch(20.08% 0.0703 260.16)` | Squid’s Ink | white, 18.1 to 1 |
| 2 | `#021639` | `oklch(21.03% 0.0731 258.63)` | Navy | white, 17.8 to 1 |
| 3 | `#00193e` | `oklch(22.18% 0.0770 256.76)` | Maastricht Blue | white, 17.3 to 1 |
| 4 | `#001d41` | `oklch(23.52% 0.0770 254.82)` | Midnight Mirage | white, 16.7 to 1 |
| 5 | `#002244` | `oklch(24.99% 0.0756 252.36)` | Rhapsody in Blue | white, 16 to 1 |
| 6 | `#002648` | `oklch(26.61% 0.0747 249.69)` | Rhapsody in Blue | white, 15.2 to 1 |
| 7 | `#002c4c` | `oklch(28.34% 0.0742 246.84)` | Royal Blue Metallic | white, 14.4 to 1 |
| 8 | `#003150` | `oklch(30.17% 0.0742 243.85)` | Dark Denim Blue | white, 13.4 to 1 |
| 9 | `#003755` | `oklch(32.08% 0.0745 240.77)` | Night Dive | white, 12.5 to 1 |
| 10 | `#003d5a` | `oklch(34.05% 0.0751 237.63)` | Maniac Mansion | white, 11.6 to 1 |
| 11 | `#00435f` | `oklch(36.06% 0.0759 234.47)` | Loyal Blue | white, 10.6 to 1 |
| 12 | `#004964` | `oklch(38.09% 0.0771 231.34)` | Stegadon Scale Green | white, 9.8 to 1 |
| 13 | `#004f69` | `oklch(40.12% 0.0785 228.28)` | Hanada Blue | white, 8.9 to 1 |
| 14 | `#00566e` | `oklch(42.13% 0.0801 225.32)` | Submersible | white, 8.2 to 1 |
| 15 | `#005d74` | `oklch(44.38% 0.0822 222.23)` | Bosporus | white, 7.4 to 1 |
| 16 | `#00667b` | `oklch(47.06% 0.0850 218.82)` | Striking | white, 6.6 to 1 |
| 17 | `#007083` | `oklch(50.05% 0.0885 215.16)` | Crystal Teal | white, 5.7 to 1 |
| 18 | `#007a8b` | `oklch(53.25% 0.0925 211.35)` | Biscay Bay | white, 5 to 1 |
| 19 | `#008593` | `oklch(56.52% 0.0970 207.49)` | Painted Sea | black, 4.8 to 1 |
| 20 | `#00919b` | `oklch(59.77% 0.1019 203.65)` | Peacock Feather | black, 5.5 to 1 |
| 21 | `#009ca2` | `oklch(62.87% 0.1069 199.94)` | Island Dream | black, 6.2 to 1 |
| 22 | `#00a6a8` | `oklch(65.72% 0.1119 196.43)` | Wax Crayon Blue | black, 7 to 1 |
| 23 | `#1eaeac` | `oklch(68.19% 0.1118 193.21)` | Greenland Green | black, 7.7 to 1 |
| 24 | `#34b4ae` | `oklch(70.17% 0.1085 190.39)` | Verdigris | black, 8.3 to 1 |
| 25 | `#41b8af` | `oklch(71.55% 0.1055 188.04)` | Green Grapple | black, 8.7 to 1 |
| 26 | `#49baaf` | `oklch(72.21% 0.1028 186.26)` | Tropical Escape | black, 8.9 to 1 |
| 27 | `#4db9ad` | `oklch(72.05% 0.1006 185.13)` | Tropical Escape | black, 8.8 to 1 |
| 28 | `#4cb5a9` | `oklch(70.87% 0.0987 184.75)` | Emerald Wave | black, 8.4 to 1 |
| 29 | `#46aea2` | `oklch(68.68% 0.0967 185.10)` | Waterfall | black, 7.8 to 1 |
| 30 | `#3ea49a` | `oklch(65.66% 0.0948 186.06)` | Bahaman Bliss | black, 6.9 to 1 |
| 31 | `#329890` | `oklch(61.97% 0.0929 187.52)` | Azure Tide | black, 6 to 1 |
| 32 | `#228b85` | `oklch(57.77% 0.0911 189.38)` | Greenish Blue | black, 5 to 1 |
| 33 | `#0b7d79` | `oklch(53.23% 0.0893 191.52)` | Navajo Turquoise | white, 4.9 to 1 |
| 34 | `#006d6d` | `oklch(48.52% 0.0830 193.83)` | Caribbean Current | white, 6.1 to 1 |
| 35 | `#005e60` | `oklch(43.81% 0.0746 196.21)` | Sandhill Crane | white, 7.5 to 1 |
| 36 | `#005053` | `oklch(39.26% 0.0668 198.54)` | Transporter Green | white, 9.2 to 1 |
| 37 | `#004447` | `oklch(35.03% 0.0596 200.73)` | Dark Side | white, 10.9 to 1 |
| 38 | `#00393d` | `oklch(31.30% 0.0533 202.65)` | Customs Green | white, 12.7 to 1 |
| 39 | `#003034` | `oklch(28.24% 0.0482 204.20)` | Roof Tile Green | white, 14.2 to 1 |
| 40 | `#002a2e` | `oklch(26.00% 0.0444 205.27)` | Daintree | white, 15.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #031435 0.0%, #021639 2.6%, #00193e 5.1%, #001d41 7.7%, #002244 10.3%, #002648 12.8%, #002c4c 15.4%, #003150 17.9%, #003755 20.5%, #003d5a 23.1%, #00435f 25.6%, #004964 28.2%, #004f69 30.8%, #00566e 33.3%, #005d74 35.9%, #00667b 38.5%, #007083 41.0%, #007a8b 43.6%, #008593 46.2%, #00919b 48.7%, #009ca2 51.3%, #00a6a8 53.8%, #1eaeac 56.4%, #34b4ae 59.0%, #41b8af 61.5%, #49baaf 64.1%, #4db9ad 66.7%, #4cb5a9 69.2%, #46aea2 71.8%, #3ea49a 74.4%, #329890 76.9%, #228b85 79.5%, #0b7d79 82.1%, #006d6d 84.6%, #005e60 87.2%, #005053 89.7%, #004447 92.3%, #00393d 94.9%, #003034 97.4%, #002a2e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0703 260.16) 0.0%, oklch(21.03% 0.0731 258.63) 2.6%, oklch(22.18% 0.0770 256.76) 5.1%, oklch(23.52% 0.0770 254.82) 7.7%, oklch(24.99% 0.0756 252.36) 10.3%, oklch(26.61% 0.0747 249.69) 12.8%, oklch(28.34% 0.0742 246.84) 15.4%, oklch(30.17% 0.0742 243.85) 17.9%, oklch(32.08% 0.0745 240.77) 20.5%, oklch(34.05% 0.0751 237.63) 23.1%, oklch(36.06% 0.0759 234.47) 25.6%, oklch(38.09% 0.0771 231.34) 28.2%, oklch(40.12% 0.0785 228.28) 30.8%, oklch(42.13% 0.0801 225.32) 33.3%, oklch(44.38% 0.0822 222.23) 35.9%, oklch(47.06% 0.0850 218.82) 38.5%, oklch(50.05% 0.0885 215.16) 41.0%, oklch(53.25% 0.0925 211.35) 43.6%, oklch(56.52% 0.0970 207.49) 46.2%, oklch(59.77% 0.1019 203.65) 48.7%, oklch(62.87% 0.1069 199.94) 51.3%, oklch(65.72% 0.1119 196.43) 53.8%, oklch(68.19% 0.1118 193.21) 56.4%, oklch(70.17% 0.1085 190.39) 59.0%, oklch(71.55% 0.1055 188.04) 61.5%, oklch(72.21% 0.1028 186.26) 64.1%, oklch(72.05% 0.1006 185.13) 66.7%, oklch(70.87% 0.0987 184.75) 69.2%, oklch(68.68% 0.0967 185.10) 71.8%, oklch(65.66% 0.0948 186.06) 74.4%, oklch(61.97% 0.0929 187.52) 76.9%, oklch(57.77% 0.0911 189.38) 79.5%, oklch(53.23% 0.0893 191.52) 82.1%, oklch(48.52% 0.0830 193.83) 84.6%, oklch(43.81% 0.0746 196.21) 87.2%, oklch(39.26% 0.0668 198.54) 89.7%, oklch(35.03% 0.0596 200.73) 92.3%, oklch(31.30% 0.0533 202.65) 94.9%, oklch(28.24% 0.0482 204.20) 97.4%, oklch(26.00% 0.0444 205.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.07 | 260.2 |
| 2 | 0.421 | 0.13 | 225.3 |
| 3 | 0.72 | 0.101 | 185.1 |
| 4 | 0.26 | 0.08 | 205.2 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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