# Cobalt blue, silver and gold sunrise palette

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

- Also called: Complementary blue, gray and beige angular gradient
- Seed: `kWf0G11Bs9mgDPHxAjVdRm8Y`
- Page: https://grabient.com/kWf0G11Bs9mgDPHxAjVdRm8Y?style=angularGradient&steps=48&angle=30
- Drawn as: angular gradient, 48 steps, 30 degrees
- Kinds: dark to light, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#3f6595` | `oklch(50.00% 0.0896 255.23)` | Too Blue | white, 6 to 1 |
| 2 | `#406797` | `oklch(50.80% 0.0890 254.27)` | Too Blue | white, 5.7 to 1 |
| 3 | `#426b9a` | `oklch(51.81% 0.0885 253.11)` | Queen Blue | white, 5.5 to 1 |
| 4 | `#446f9d` | `oklch(52.99% 0.0880 251.76)` | Naval | white, 5.2 to 1 |
| 5 | `#4673a1` | `oklch(54.31% 0.0875 250.25)` | Great Serpent | white, 4.9 to 1 |
| 6 | `#4978a4` | `oklch(55.76% 0.0868 248.59)` | Billycart Blue | white, 4.6 to 1 |
| 7 | `#4c7da8` | `oklch(57.28% 0.0860 246.82)` | Aleutian Isle | black, 4.7 to 1 |
| 8 | `#4f82ac` | `oklch(58.86% 0.0849 244.93)` | Ship’s Harbour | black, 5.1 to 1 |
| 9 | `#5387b0` | `oklch(60.46% 0.0835 242.96)` | Sand Shark | black, 5.4 to 1 |
| 10 | `#578db3` | `oklch(62.05% 0.0818 240.93)` | Alpha Blue | black, 5.8 to 1 |
| 11 | `#5b92b6` | `oklch(63.61% 0.0796 238.85)` | Empire Blue | black, 6.2 to 1 |
| 12 | `#6097b9` | `oklch(65.09% 0.0768 236.74)` | Shakespeare | black, 6.6 to 1 |
| 13 | `#659bba` | `oklch(66.48% 0.0735 234.64)` | Shakespeare | black, 6.9 to 1 |
| 14 | `#6ca0bc` | `oklch(67.88% 0.0692 232.72)` | Fate | black, 7.3 to 1 |
| 15 | `#73a4bd` | `oklch(69.31% 0.0640 230.98)` | Blue Ridge Mist | black, 7.7 to 1 |
| 16 | `#7ba8be` | `oklch(70.77% 0.0581 229.33)` | Stormfang | black, 8.2 to 1 |
| 17 | `#84acbf` | `oklch(72.23% 0.0516 227.67)` | Arabella | black, 8.6 to 1 |
| 18 | `#8cb0c0` | `oklch(73.68% 0.0448 225.91)` | Bermuda Blue | black, 9.1 to 1 |
| 19 | `#95b4c0` | `oklch(75.11% 0.0380 223.96)` | Respite | black, 9.5 to 1 |
| 20 | `#9eb8c1` | `oklch(76.51% 0.0313 221.72)` | Shallow Sea | black, 10 to 1 |
| 21 | `#a6bbc2` | `oklch(77.85% 0.0249 219.10)` | Soft Shore | black, 10.5 to 1 |
| 22 | `#aebec3` | `oklch(79.12% 0.0191 216.00)` | Arctic Feelings | black, 10.9 to 1 |
| 23 | `#b5c1c4` | `oklch(80.30% 0.0140 212.34)` | Moroccan Moderne | black, 11.4 to 1 |
| 24 | `#bbc4c5` | `oklch(81.39% 0.0099 208.01)` | Silver Whiskers | black, 11.8 to 1 |
| 25 | `#c0c7c7` | `oklch(82.36% 0.0069 202.87)` | Sonnet Grey | black, 12.2 to 1 |
| 26 | `#c5c9c9` | `oklch(83.24% 0.0044 196.60)` | Fireplace Kitten | black, 12.5 to 1 |
| 27 | `#c9cbcb` | `oklch(84.04% 0.0023 189.35)` | Silverback | black, 12.8 to 1 |
| 28 | `#cccdcd` | `oklch(84.76% 0.0007 181.35)` | Iron Fist | black, 13.1 to 1 |
| 29 | `#cfcfcf` | `oklch(85.41% 0.0000 89.88)` | Silver Eagle | black, 13.4 to 1 |
| 30 | `#d1d1d1` | `oklch(86.01% 0.0000 89.88)` | Blowing Smoke | black, 13.7 to 1 |
| 31 | `#d3d3d3` | `oklch(86.56% 0.0000 89.88)` | Pinball | black, 13.9 to 1 |
| 32 | `#d4d4d4` | `oklch(87.06% 0.0000 89.88)` | Disco Ball | black, 14.1 to 1 |
| 33 | `#d6d6d6` | `oklch(87.54% 0.0000 89.88)` | Silver Medal | black, 14.4 to 1 |
| 34 | `#d7d7d7` | `oklch(87.99% 0.0009 130.07)` | Cape Hope | black, 14.6 to 1 |
| 35 | `#d8d9d7` | `oklch(88.43% 0.0026 123.04)` | Winter Morn | black, 14.8 to 1 |
| 36 | `#dadbd7` | `oklch(88.87% 0.0049 117.05)` | Evening White | black, 15 to 1 |
| 37 | `#dcdcd6` | `oklch(89.29% 0.0079 112.11)` | Pacific Fog | black, 15.2 to 1 |
| 38 | `#ddded5` | `oklch(89.69% 0.0121 107.81)` | Gulf Breeze | black, 15.4 to 1 |
| 39 | `#e0dfd2` | `oklch(90.05% 0.0174 104.06)` | Alpine Frost | black, 15.6 to 1 |
| 40 | `#e2e0cf` | `oklch(90.38% 0.0234 100.82)` | Emerging Leaf | black, 15.8 to 1 |
| 41 | `#e5e1cb` | `oklch(90.69% 0.0300 98.02)` | Canyon Echo | black, 15.9 to 1 |
| 42 | `#e8e2c6` | `oklch(90.96% 0.0369 95.61)` | White Cliffs | black, 16 to 1 |
| 43 | `#ece2c2` | `oklch(91.21% 0.0438 93.53)` | Beurre Blanc | black, 16.2 to 1 |
| 44 | `#efe2bd` | `oklch(91.44% 0.0504 91.73)` | Clover Honey | black, 16.3 to 1 |
| 45 | `#f2e3b9` | `oklch(91.64% 0.0567 90.15)` | Pearl Yellow | black, 16.4 to 1 |
| 46 | `#f5e3b5` | `oklch(91.82% 0.0622 88.73)` | Anise Flower | black, 16.4 to 1 |
| 47 | `#f8e3b2` | `oklch(91.98% 0.0668 87.42)` | Noodles | black, 16.5 to 1 |
| 48 | `#fae3b0` | `oklch(92.13% 0.0703 86.15)` | Khaki Core | black, 16.6 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #3f6595 0.0%, #406797 2.1%, #426b9a 4.3%, #446f9d 6.4%, #4673a1 8.5%, #4978a4 10.6%, #4c7da8 12.8%, #4f82ac 14.9%, #5387b0 17.0%, #578db3 19.1%, #5b92b6 21.3%, #6097b9 23.4%, #659bba 25.5%, #6ca0bc 27.7%, #73a4bd 29.8%, #7ba8be 31.9%, #84acbf 34.0%, #8cb0c0 36.2%, #95b4c0 38.3%, #9eb8c1 40.4%, #a6bbc2 42.6%, #aebec3 44.7%, #b5c1c4 46.8%, #bbc4c5 48.9%, #c0c7c7 51.1%, #c5c9c9 53.2%, #c9cbcb 55.3%, #cccdcd 57.4%, #cfcfcf 59.6%, #d1d1d1 61.7%, #d3d3d3 63.8%, #d4d4d4 66.0%, #d6d6d6 68.1%, #d7d7d7 70.2%, #d8d9d7 72.3%, #dadbd7 74.5%, #dcdcd6 76.6%, #ddded5 78.7%, #e0dfd2 80.9%, #e2e0cf 83.0%, #e5e1cb 85.1%, #e8e2c6 87.2%, #ece2c2 89.4%, #efe2bd 91.5%, #f2e3b9 93.6%, #f5e3b5 95.7%, #f8e3b2 97.9%, #fae3b0 100.0%);
background: conic-gradient(from 30deg in oklch, oklch(50.00% 0.0896 255.23) 0.0%, oklch(50.80% 0.0890 254.27) 2.1%, oklch(51.81% 0.0885 253.11) 4.3%, oklch(52.99% 0.0880 251.76) 6.4%, oklch(54.31% 0.0875 250.25) 8.5%, oklch(55.76% 0.0868 248.59) 10.6%, oklch(57.28% 0.0860 246.82) 12.8%, oklch(58.86% 0.0849 244.93) 14.9%, oklch(60.46% 0.0835 242.96) 17.0%, oklch(62.05% 0.0818 240.93) 19.1%, oklch(63.61% 0.0796 238.85) 21.3%, oklch(65.09% 0.0768 236.74) 23.4%, oklch(66.48% 0.0735 234.64) 25.5%, oklch(67.88% 0.0692 232.72) 27.7%, oklch(69.31% 0.0640 230.98) 29.8%, oklch(70.77% 0.0581 229.33) 31.9%, oklch(72.23% 0.0516 227.67) 34.0%, oklch(73.68% 0.0448 225.91) 36.2%, oklch(75.11% 0.0380 223.96) 38.3%, oklch(76.51% 0.0313 221.72) 40.4%, oklch(77.85% 0.0249 219.10) 42.6%, oklch(79.12% 0.0191 216.00) 44.7%, oklch(80.30% 0.0140 212.34) 46.8%, oklch(81.39% 0.0099 208.01) 48.9%, oklch(82.36% 0.0069 202.87) 51.1%, oklch(83.24% 0.0044 196.60) 53.2%, oklch(84.04% 0.0023 189.35) 55.3%, oklch(84.76% 0.0007 181.35) 57.4%, oklch(85.41% 0.0000 89.88) 59.6%, oklch(86.01% 0.0000 89.88) 61.7%, oklch(86.56% 0.0000 89.88) 63.8%, oklch(87.06% 0.0000 89.88) 66.0%, oklch(87.54% 0.0000 89.88) 68.1%, oklch(87.99% 0.0009 130.07) 70.2%, oklch(88.43% 0.0026 123.04) 72.3%, oklch(88.87% 0.0049 117.05) 74.5%, oklch(89.29% 0.0079 112.11) 76.6%, oklch(89.69% 0.0121 107.81) 78.7%, oklch(90.05% 0.0174 104.06) 80.9%, oklch(90.38% 0.0234 100.82) 83.0%, oklch(90.69% 0.0300 98.02) 85.1%, oklch(90.96% 0.0369 95.61) 87.2%, oklch(91.21% 0.0438 93.53) 89.4%, oklch(91.44% 0.0504 91.73) 91.5%, oklch(91.64% 0.0567 90.15) 93.6%, oklch(91.82% 0.0622 88.73) 95.7%, oklch(91.98% 0.0668 87.42) 97.9%, oklch(92.13% 0.0703 86.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.09 | 255.2 |
| 2 | 0.661 | 0.074 | 235.2 |
| 3 | 0.819 | 0.008 | 205.6 |
| 4 | 0.89 | 0.006 | 115.7 |
| 5 | 0.921 | 0.07 | 86.2 |

## In these collections

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

## Other forms

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