# Navy sky distant sun

Tan, teal, blue and gray radial gradient with 64 colors: #d5bf78, #cebd76, #c4bb75, #b9b874, #acb574, #9eb275, #90ad76, #82a978, #73a37b, #659d7d, #59967f, #4e8f80, #458780, #3e7f80, #3a777e, #37707c, #36687a, #356176, #355b73, #345570, #34506d, #344c6a, #334868, #324466, #314165, #2f3e64, #2e3b63, #2c3863, #2b3563, #293363, #273064, #262e65, #242d66, #232b67, #212a69, #20296b, #1f286d, #1e286f, #1e2871, #1e2973, #1e2a75, #1f2b77, #212d79, #23307b, #26337e, #2a3881, #2e3d84, #334288, #38488c, #3e4f90, #445694, #4b5d98, #52649c, #5a6ba0, #6172a4, #6879a8, #7080ac, #7787af, #7e8db3, #8593b6, #8b99b8, #919dbb, #95a1bd, #99a5bf. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, teal, blue and gray radial gradient
- Seed: `kUzURBtBXTKsvQdbjr9g`
- Page: https://grabient.com/kUzURBtBXTKsvQdbjr9g?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, cool
- Hues: monochromatic
- 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 | `#d5bf78` | `oklch(80.71% 0.0937 92.11)` | Morning’s Egg | black, 11.5 to 1 |
| 2 | `#cebd76` | `oklch(79.64% 0.0927 96.50)` | Green Citrine | black, 11.1 to 1 |
| 3 | `#c4bb75` | `oklch(78.34% 0.0913 101.87)` | Pistachio Shortbread | black, 10.7 to 1 |
| 4 | `#b9b874` | `oklch(76.83% 0.0897 108.10)` | Liminal Yellow | black, 10.1 to 1 |
| 5 | `#acb574` | `oklch(75.14% 0.0878 115.11)` | Timothy Grass | black, 9.6 to 1 |
| 6 | `#9eb275` | `oklch(73.28% 0.0856 122.78)` | Death Guard | black, 9 to 1 |
| 7 | `#90ad76` | `oklch(71.29% 0.0833 131.03)` | Geranium Leaf | black, 8.4 to 1 |
| 8 | `#82a978` | `oklch(69.19% 0.0809 139.74)` | Verdant Haven | black, 7.8 to 1 |
| 9 | `#73a37b` | `oklch(67.00% 0.0784 148.82)` | Jadesheen | black, 7.2 to 1 |
| 10 | `#659d7d` | `oklch(64.73% 0.0759 158.18)` | Dying Moss | black, 6.6 to 1 |
| 11 | `#59967f` | `oklch(62.43% 0.0733 167.70)` | Crisp Lettuce | black, 6 to 1 |
| 12 | `#4e8f80` | `oklch(60.11% 0.0709 177.28)` | Lochinvar | black, 5.5 to 1 |
| 13 | `#458780` | `oklch(57.79% 0.0685 186.84)` | Carlisle | black, 5 to 1 |
| 14 | `#3e7f80` | `oklch(55.49% 0.0663 196.26)` | Pacific Sea Teal | white, 4.6 to 1 |
| 15 | `#3a777e` | `oklch(53.25% 0.0643 205.46)` | Diver’s Eden | white, 5 to 1 |
| 16 | `#37707c` | `oklch(51.08% 0.0625 214.31)` | Grand Rapids | white, 5.5 to 1 |
| 17 | `#36687a` | `oklch(49.01% 0.0610 222.74)` | Mammoth Mountain | white, 6.1 to 1 |
| 18 | `#356176` | `oklch(47.06% 0.0598 230.63)` | Atlantis | white, 6.7 to 1 |
| 19 | `#355b73` | `oklch(45.26% 0.0590 237.89)` | Shasta Lake | white, 7.2 to 1 |
| 20 | `#345570` | `oklch(43.62% 0.0586 244.41)` | America’s Cup | white, 7.8 to 1 |
| 21 | `#34506d` | `oklch(42.18% 0.0587 250.10)` | Police Blue | white, 8.3 to 1 |
| 22 | `#344c6a` | `oklch(40.94% 0.0593 254.85)` | Deep Royal | white, 8.8 to 1 |
| 23 | `#334868` | `oklch(39.85% 0.0605 258.80)` | Lake View | white, 9.2 to 1 |
| 24 | `#324466` | `oklch(38.81% 0.0625 262.17)` | Black Turmeric | white, 9.7 to 1 |
| 25 | `#314165` | `oklch(37.82% 0.0652 265.00)` | Black Turmeric | white, 10.1 to 1 |
| 26 | `#2f3e64` | `oklch(36.89% 0.0684 267.33)` | Bay of Many | white, 10.5 to 1 |
| 27 | `#2e3b63` | `oklch(36.02% 0.0722 269.21)` | Blue Depths | white, 10.9 to 1 |
| 28 | `#2c3863` | `oklch(35.22% 0.0764 270.67)` | Blue Depths | white, 11.3 to 1 |
| 29 | `#2b3563` | `oklch(34.49% 0.0808 271.76)` | Blue Depths | white, 11.7 to 1 |
| 30 | `#293363` | `oklch(33.83% 0.0856 272.51)` | Navy Trim | white, 12 to 1 |
| 31 | `#273064` | `oklch(33.25% 0.0904 272.97)` | Underwater Realm | white, 12.3 to 1 |
| 32 | `#262e65` | `oklch(32.75% 0.0954 273.19)` | Underwater Realm | white, 12.5 to 1 |
| 33 | `#242d66` | `oklch(32.33% 0.1003 273.19)` | Underwater Realm | white, 12.8 to 1 |
| 34 | `#232b67` | `oklch(32.01% 0.1051 273.02)` | Mythical Night | white, 13 to 1 |
| 35 | `#212a69` | `oklch(31.79% 0.1097 272.73)` | Mythical Night | white, 13.1 to 1 |
| 36 | `#20296b` | `oklch(31.66% 0.1141 272.34)` | After Work Blue | white, 13.2 to 1 |
| 37 | `#1f286d` | `oklch(31.63% 0.1180 271.92)` | After Work Blue | white, 13.2 to 1 |
| 38 | `#1e286f` | `oklch(31.71% 0.1216 271.49)` | After Work Blue | white, 13.2 to 1 |
| 39 | `#1e2871` | `oklch(31.90% 0.1246 271.09)` | After Work Blue | white, 13.1 to 1 |
| 40 | `#1e2973` | `oklch(32.21% 0.1270 270.77)` | St. Patrick’s Blue | white, 13 to 1 |
| 41 | `#1e2a75` | `oklch(32.63% 0.1286 270.58)` | St. Patrick’s Blue | white, 12.8 to 1 |
| 42 | `#1f2b77` | `oklch(33.18% 0.1295 270.54)` | St. Patrick’s Blue | white, 12.5 to 1 |
| 43 | `#212d79` | `oklch(33.86% 0.1295 270.70)` | St. Patrick’s Blue | white, 12.2 to 1 |
| 44 | `#23307b` | `oklch(34.74% 0.1286 270.93)` | Twilight Express | white, 11.8 to 1 |
| 45 | `#26337e` | `oklch(35.89% 0.1269 271.06)` | Migol Blue | white, 11.2 to 1 |
| 46 | `#2a3881` | `oklch(37.27% 0.1243 271.11)` | Migol Blue | white, 10.6 to 1 |
| 47 | `#2e3d84` | `oklch(38.87% 0.1211 271.09)` | Official Violet | white, 9.9 to 1 |
| 48 | `#334288` | `oklch(40.65% 0.1173 270.99)` | Official Violet | white, 9.2 to 1 |
| 49 | `#38488c` | `oklch(42.58% 0.1130 270.83)` | Truth | white, 8.4 to 1 |
| 50 | `#3e4f90` | `oklch(44.65% 0.1082 270.62)` | Deep Ultramarine | white, 7.7 to 1 |
| 51 | `#445694` | `oklch(46.82% 0.1031 270.37)` | Nuthatch Back | white, 7 to 1 |
| 52 | `#4b5d98` | `oklch(49.06% 0.0976 270.07)` | Blue Dude | white, 6.3 to 1 |
| 53 | `#52649c` | `oklch(51.35% 0.0920 269.75)` | Electrify | white, 5.7 to 1 |
| 54 | `#5a6ba0` | `oklch(53.67% 0.0863 269.40)` | Moonshade | white, 5.1 to 1 |
| 55 | `#6172a4` | `oklch(55.98% 0.0805 269.04)` | Dormitory | white, 4.7 to 1 |
| 56 | `#6879a8` | `oklch(58.25% 0.0747 268.68)` | Night Thistle | black, 4.9 to 1 |
| 57 | `#7080ac` | `oklch(60.47% 0.0691 268.31)` | Venture Violet | black, 5.3 to 1 |
| 58 | `#7787af` | `oklch(62.60% 0.0637 267.96)` | Corsican Purple | black, 5.8 to 1 |
| 59 | `#7e8db3` | `oklch(64.62% 0.0585 267.62)` | Skysail Blue | black, 6.3 to 1 |
| 60 | `#8593b6` | `oklch(66.49% 0.0538 267.31)` | Soothsayer | black, 6.8 to 1 |
| 61 | `#8b99b8` | `oklch(68.20% 0.0495 267.03)` | Periwinkle Blossom | black, 7.3 to 1 |
| 62 | `#919dbb` | `oklch(69.71% 0.0457 266.79)` | Electric Sky | black, 7.7 to 1 |
| 63 | `#95a1bd` | `oklch(71.00% 0.0425 266.61)` | Faded Lilac | black, 8.1 to 1 |
| 64 | `#99a5bf` | `oklch(72.05% 0.0400 266.47)` | Veranda Iris | black, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d5bf78 0.0%, #cebd76 1.6%, #c4bb75 3.2%, #b9b874 4.8%, #acb574 6.3%, #9eb275 7.9%, #90ad76 9.5%, #82a978 11.1%, #73a37b 12.7%, #659d7d 14.3%, #59967f 15.9%, #4e8f80 17.5%, #458780 19.0%, #3e7f80 20.6%, #3a777e 22.2%, #37707c 23.8%, #36687a 25.4%, #356176 27.0%, #355b73 28.6%, #345570 30.2%, #34506d 31.7%, #344c6a 33.3%, #334868 34.9%, #324466 36.5%, #314165 38.1%, #2f3e64 39.7%, #2e3b63 41.3%, #2c3863 42.9%, #2b3563 44.4%, #293363 46.0%, #273064 47.6%, #262e65 49.2%, #242d66 50.8%, #232b67 52.4%, #212a69 54.0%, #20296b 55.6%, #1f286d 57.1%, #1e286f 58.7%, #1e2871 60.3%, #1e2973 61.9%, #1e2a75 63.5%, #1f2b77 65.1%, #212d79 66.7%, #23307b 68.3%, #26337e 69.8%, #2a3881 71.4%, #2e3d84 73.0%, #334288 74.6%, #38488c 76.2%, #3e4f90 77.8%, #445694 79.4%, #4b5d98 81.0%, #52649c 82.5%, #5a6ba0 84.1%, #6172a4 85.7%, #6879a8 87.3%, #7080ac 88.9%, #7787af 90.5%, #7e8db3 92.1%, #8593b6 93.7%, #8b99b8 95.2%, #919dbb 96.8%, #95a1bd 98.4%, #99a5bf 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.71% 0.0937 92.11) 0.0%, oklch(79.64% 0.0927 96.50) 1.6%, oklch(78.34% 0.0913 101.87) 3.2%, oklch(76.83% 0.0897 108.10) 4.8%, oklch(75.14% 0.0878 115.11) 6.3%, oklch(73.28% 0.0856 122.78) 7.9%, oklch(71.29% 0.0833 131.03) 9.5%, oklch(69.19% 0.0809 139.74) 11.1%, oklch(67.00% 0.0784 148.82) 12.7%, oklch(64.73% 0.0759 158.18) 14.3%, oklch(62.43% 0.0733 167.70) 15.9%, oklch(60.11% 0.0709 177.28) 17.5%, oklch(57.79% 0.0685 186.84) 19.0%, oklch(55.49% 0.0663 196.26) 20.6%, oklch(53.25% 0.0643 205.46) 22.2%, oklch(51.08% 0.0625 214.31) 23.8%, oklch(49.01% 0.0610 222.74) 25.4%, oklch(47.06% 0.0598 230.63) 27.0%, oklch(45.26% 0.0590 237.89) 28.6%, oklch(43.62% 0.0586 244.41) 30.2%, oklch(42.18% 0.0587 250.10) 31.7%, oklch(40.94% 0.0593 254.85) 33.3%, oklch(39.85% 0.0605 258.80) 34.9%, oklch(38.81% 0.0625 262.17) 36.5%, oklch(37.82% 0.0652 265.00) 38.1%, oklch(36.89% 0.0684 267.33) 39.7%, oklch(36.02% 0.0722 269.21) 41.3%, oklch(35.22% 0.0764 270.67) 42.9%, oklch(34.49% 0.0808 271.76) 44.4%, oklch(33.83% 0.0856 272.51) 46.0%, oklch(33.25% 0.0904 272.97) 47.6%, oklch(32.75% 0.0954 273.19) 49.2%, oklch(32.33% 0.1003 273.19) 50.8%, oklch(32.01% 0.1051 273.02) 52.4%, oklch(31.79% 0.1097 272.73) 54.0%, oklch(31.66% 0.1141 272.34) 55.6%, oklch(31.63% 0.1180 271.92) 57.1%, oklch(31.71% 0.1216 271.49) 58.7%, oklch(31.90% 0.1246 271.09) 60.3%, oklch(32.21% 0.1270 270.77) 61.9%, oklch(32.63% 0.1286 270.58) 63.5%, oklch(33.18% 0.1295 270.54) 65.1%, oklch(33.86% 0.1295 270.70) 66.7%, oklch(34.74% 0.1286 270.93) 68.3%, oklch(35.89% 0.1269 271.06) 69.8%, oklch(37.27% 0.1243 271.11) 71.4%, oklch(38.87% 0.1211 271.09) 73.0%, oklch(40.65% 0.1173 270.99) 74.6%, oklch(42.58% 0.1130 270.83) 76.2%, oklch(44.65% 0.1082 270.62) 77.8%, oklch(46.82% 0.1031 270.37) 79.4%, oklch(49.06% 0.0976 270.07) 81.0%, oklch(51.35% 0.0920 269.75) 82.5%, oklch(53.67% 0.0863 269.40) 84.1%, oklch(55.98% 0.0805 269.04) 85.7%, oklch(58.25% 0.0747 268.68) 87.3%, oklch(60.47% 0.0691 268.31) 88.9%, oklch(62.60% 0.0637 267.96) 90.5%, oklch(64.62% 0.0585 267.62) 92.1%, oklch(66.49% 0.0538 267.31) 93.7%, oklch(68.20% 0.0495 267.03) 95.2%, oklch(69.71% 0.0457 266.79) 96.8%, oklch(71.00% 0.0425 266.61) 98.4%, oklch(72.05% 0.0400 266.47) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.094 | 92.1 |
| 2 | 0.409 | 0.059 | 254.8 |
| 3 | 0.339 | 0.13 | 270.7 |
| 4 | 0.72 | 0.04 | 266.5 |

## In these collections

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

## Other forms

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