# Navy, silver and gold sunrise palette

The Navy, silver and gold sunrise palette brings together dark blue, blue, light gray, light orange, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Complementary navy, gray and tan radial gradient
- Seed: `kYSTG1Npe_MwMP3ehisZiPAXCwQc`
- Page: https://grabient.com/kYSTG1Npe_MwMP3ehisZiPAXCwQc?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 10 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 | `#102b4b` | `oklch(28.74% 0.0675 254.53)` | Midnight Ocean | white, 14.2 to 1 |
| 2 | `#132f4f` | `oklch(30.19% 0.0675 253.85)` | Crow Black Blue | white, 13.5 to 1 |
| 3 | `#173455` | `oklch(32.17% 0.0679 252.88)` | Incremental Blue | white, 12.6 to 1 |
| 4 | `#1c3b5b` | `oklch(34.52% 0.0681 251.74)` | Poseidon | white, 11.5 to 1 |
| 5 | `#224263` | `oklch(37.10% 0.0680 250.54)` | Alpine Race | white, 10.3 to 1 |
| 6 | `#294a6a` | `oklch(39.78% 0.0672 249.38)` | Lake View | white, 9.2 to 1 |
| 7 | `#305170` | `oklch(42.41% 0.0653 248.37)` | Police Blue | white, 8.2 to 1 |
| 8 | `#395876` | `oklch(44.98% 0.0620 248.79)` | Bluey | white, 7.4 to 1 |
| 9 | `#455f7c` | `oklch(47.70% 0.0572 251.96)` | Parlour Blue | white, 6.6 to 1 |
| 10 | `#516682` | `oklch(50.50% 0.0516 255.77)` | Luxe Blue | white, 5.8 to 1 |
| 11 | `#5d6e87` | `oklch(53.33% 0.0456 258.03)` | Sausalito Port | white, 5.2 to 1 |
| 12 | `#66768c` | `oklch(56.13% 0.0398 256.53)` | Always Indigo | white, 4.6 to 1 |
| 13 | `#6d7f91` | `oklch(58.81% 0.0347 249.09)` | Chain Gang Grey | black, 5 to 1 |
| 14 | `#738894` | `oklch(61.38% 0.0305 232.93)` | Lyric Blue | black, 5.6 to 1 |
| 15 | `#7b9194` | `oklch(63.98% 0.0253 206.22)` | Weathered Pebble | black, 6.3 to 1 |
| 16 | `#889893` | `oklch(66.56% 0.0201 172.96)` | In the Moment | black, 6.9 to 1 |
| 17 | `#979e94` | `oklch(69.03% 0.0158 137.59)` | Acacia Haze | black, 7.6 to 1 |
| 18 | `#a3a39a` | `oklch(71.32% 0.0135 104.52)` | Tin Man | black, 8.2 to 1 |
| 19 | `#aea89f` | `oklch(73.35% 0.0142 78.20)` | Cloudy Desert | black, 8.8 to 1 |
| 20 | `#b7aca2` | `oklch(75.03% 0.0191 62.59)` | Packed Sand | black, 9.4 to 1 |
| 21 | `#c1aea1` | `oklch(76.28% 0.0292 55.79)` | Blind Date | black, 9.8 to 1 |
| 22 | `#cbae9b` | `oklch(77.22% 0.0430 55.07)` | Frappé | black, 10.1 to 1 |
| 23 | `#d5af93` | `oklch(77.97% 0.0588 58.32)` | Mellow Buff | black, 10.3 to 1 |
| 24 | `#dcb088` | `oklch(78.69% 0.0747 63.44)` | Sheepskin | black, 10.5 to 1 |
| 25 | `#e2b27d` | `oklch(79.50% 0.0889 68.32)` | High Plateau | black, 10.8 to 1 |
| 26 | `#e8b576` | `oklch(80.55% 0.0997 70.98)` | Braided Mat | black, 11.2 to 1 |
| 27 | `#eeb972` | `oklch(81.89% 0.1080 73.17)` | Kernel | black, 11.8 to 1 |
| 28 | `#f4be6f` | `oklch(83.41% 0.1149 75.99)` | Brasso | black, 12.4 to 1 |
| 29 | `#f8c46d` | `oklch(84.97% 0.1207 79.09)` | Yellow Currant | black, 13.1 to 1 |
| 30 | `#fbca6c` | `oklch(86.44% 0.1254 82.12)` | Sunspark | black, 13.8 to 1 |
| 31 | `#fed06b` | `oklch(87.69% 0.1292 84.71)` | Faded Sunlight | black, 14.3 to 1 |
| 32 | `#ffd36d` | `oklch(88.58% 0.1302 86.51)` | Quiche Lorraine | black, 14.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #102b4b 0.0%, #132f4f 3.2%, #173455 6.5%, #1c3b5b 9.7%, #224263 12.9%, #294a6a 16.1%, #305170 19.4%, #395876 22.6%, #455f7c 25.8%, #516682 29.0%, #5d6e87 32.3%, #66768c 35.5%, #6d7f91 38.7%, #738894 41.9%, #7b9194 45.2%, #889893 48.4%, #979e94 51.6%, #a3a39a 54.8%, #aea89f 58.1%, #b7aca2 61.3%, #c1aea1 64.5%, #cbae9b 67.7%, #d5af93 71.0%, #dcb088 74.2%, #e2b27d 77.4%, #e8b576 80.6%, #eeb972 83.9%, #f4be6f 87.1%, #f8c46d 90.3%, #fbca6c 93.5%, #fed06b 96.8%, #ffd36d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(28.74% 0.0675 254.53) 0.0%, oklch(30.19% 0.0675 253.85) 3.2%, oklch(32.17% 0.0679 252.88) 6.5%, oklch(34.52% 0.0681 251.74) 9.7%, oklch(37.10% 0.0680 250.54) 12.9%, oklch(39.78% 0.0672 249.38) 16.1%, oklch(42.41% 0.0653 248.37) 19.4%, oklch(44.98% 0.0620 248.79) 22.6%, oklch(47.70% 0.0572 251.96) 25.8%, oklch(50.50% 0.0516 255.77) 29.0%, oklch(53.33% 0.0456 258.03) 32.3%, oklch(56.13% 0.0398 256.53) 35.5%, oklch(58.81% 0.0347 249.09) 38.7%, oklch(61.38% 0.0305 232.93) 41.9%, oklch(63.98% 0.0253 206.22) 45.2%, oklch(66.56% 0.0201 172.96) 48.4%, oklch(69.03% 0.0158 137.59) 51.6%, oklch(71.32% 0.0135 104.52) 54.8%, oklch(73.35% 0.0142 78.20) 58.1%, oklch(75.03% 0.0191 62.59) 61.3%, oklch(76.28% 0.0292 55.79) 64.5%, oklch(77.22% 0.0430 55.07) 67.7%, oklch(77.97% 0.0588 58.32) 71.0%, oklch(78.69% 0.0747 63.44) 74.2%, oklch(79.50% 0.0889 68.32) 77.4%, oklch(80.55% 0.0997 70.98) 80.6%, oklch(81.89% 0.1080 73.17) 83.9%, oklch(83.41% 0.1149 75.99) 87.1%, oklch(84.97% 0.1207 79.09) 90.3%, oklch(86.44% 0.1254 82.12) 93.5%, oklch(87.69% 0.1292 84.71) 96.8%, oklch(88.58% 0.1302 86.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.068 | 254.5 |
| 2 | 0.429 | 0.065 | 248.2 |
| 3 | 0.598 | 0.033 | 244 |
| 4 | 0.744 | 0.017 | 67.5 |
| 5 | 0.803 | 0.098 | 70.7 |
| 6 | 0.886 | 0.132 | 86.5 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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