# Blue and gold sunrise palette

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

- Also called: Pastel blue, pink and yellow linear gradient
- Seed: `kc8BeddJBAe-VwDqGb_5KFA98WQRkGtK7zfE4`
- Page: https://grabient.com/kc8BeddJBAe-VwDqGb_5KFA98WQRkGtK7zfE4?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.9 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 | `#d7f2fc` | `oklch(94.49% 0.0317 220.78)` | Water | black, 18 to 1 |
| 2 | `#d4f1fc` | `oklch(94.08% 0.0336 221.49)` | Water | black, 17.8 to 1 |
| 3 | `#d0f0fb` | `oklch(93.50% 0.0363 222.52)` | Blue Hijab | black, 17.5 to 1 |
| 4 | `#cceefb` | `oklch(92.81% 0.0395 223.65)` | Blue Hijab | black, 17.1 to 1 |
| 5 | `#c7ecfa` | `oklch(92.06% 0.0427 224.66)` | Frosty Day | black, 16.7 to 1 |
| 6 | `#c3e9fa` | `oklch(91.28% 0.0459 225.40)` | Blue Java Banana | black, 16.3 to 1 |
| 7 | `#bee7f9` | `oklch(90.44% 0.0494 226.00)` | Icy Landscape | black, 15.9 to 1 |
| 8 | `#b8e4f8` | `oklch(89.53% 0.0530 226.49)` | Breaking the Ice | black, 15.5 to 1 |
| 9 | `#b3e2f7` | `oklch(88.60% 0.0565 226.88)` | Azure Sky | black, 15.1 to 1 |
| 10 | `#addff5` | `oklch(87.66% 0.0597 227.15)` | Azure Sky | black, 14.6 to 1 |
| 11 | `#a9dcf3` | `oklch(86.71% 0.0622 227.06)` | Van Gogh Blue | black, 14.2 to 1 |
| 12 | `#a4d9f1` | `oklch(85.73% 0.0643 226.75)` | Sora Blue | black, 13.8 to 1 |
| 13 | `#9fd6ef` | `oklch(84.73% 0.0665 226.57)` | Soft Summer Rain | black, 13.3 to 1 |
| 14 | `#99d4ed` | `oklch(83.74% 0.0693 226.89)` | Over the Sky | black, 12.9 to 1 |
| 15 | `#93d1ec` | `oklch(82.77% 0.0736 227.99)` | Slightly Spritzig | black, 12.5 to 1 |
| 16 | `#8cceed` | `oklch(81.79% 0.0799 229.73)` | Anakiwa | black, 12.1 to 1 |
| 17 | `#85cbef` | `oklch(80.81% 0.0862 231.84)` | Airy Blue | black, 11.7 to 1 |
| 18 | `#81c7ef` | `oklch(79.83% 0.0904 234.06)` | Fish Pond | black, 11.3 to 1 |
| 19 | `#7fc3ec` | `oklch(78.84% 0.0903 235.87)` | Wasurenagusa Blue | black, 10.9 to 1 |
| 20 | `#7ec0e4` | `oklch(77.63% 0.0846 233.80)` | Horizon Haze | black, 10.5 to 1 |
| 21 | `#7fbcda` | `oklch(76.37% 0.0756 230.82)` | 21st Century Blue | black, 10 to 1 |
| 22 | `#84b7d2` | `oklch(75.33% 0.0667 232.02)` | Harbour Sky | black, 9.6 to 1 |
| 23 | `#8cb3d1` | `oklch(74.82% 0.0610 242.53)` | Innocent Blue | black, 9.4 to 1 |
| 24 | `#9eadd4` | `oklch(74.97% 0.0593 268.14)` | Lilac Scent Soft Blue | black, 9.3 to 1 |
| 25 | `#baa7ce` | `oklch(75.63% 0.0594 306.96)` | Lavendula | black, 9.4 to 1 |
| 26 | `#d3a4b9` | `oklch(76.66% 0.0619 349.89)` | Enhance | black, 9.7 to 1 |
| 27 | `#dfa79f` | `oklch(77.94% 0.0678 27.75)` | Coral Cove | black, 10.2 to 1 |
| 28 | `#e5ae8d` | `oklch(79.43% 0.0784 52.46)` | Ancient Inca | black, 10.8 to 1 |
| 29 | `#edb77e` | `oklch(81.49% 0.0966 67.33)` | Eastern Amber | black, 11.6 to 1 |
| 30 | `#f6bf6d` | `oklch(83.81% 0.1185 76.15)` | Golden Opportunity | black, 12.6 to 1 |
| 31 | `#ffc75b` | `oklch(85.94% 0.1390 81.48)` | Grilled Cheese | black, 13.5 to 1 |
| 32 | `#ffce5c` | `oklch(87.40% 0.1414 85.87)` | Casandora Yellow | black, 14.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d7f2fc 0.0%, #d4f1fc 3.2%, #d0f0fb 6.5%, #cceefb 9.7%, #c7ecfa 12.9%, #c3e9fa 16.1%, #bee7f9 19.4%, #b8e4f8 22.6%, #b3e2f7 25.8%, #addff5 29.0%, #a9dcf3 32.3%, #a4d9f1 35.5%, #9fd6ef 38.7%, #99d4ed 41.9%, #93d1ec 45.2%, #8cceed 48.4%, #85cbef 51.6%, #81c7ef 54.8%, #7fc3ec 58.1%, #7ec0e4 61.3%, #7fbcda 64.5%, #84b7d2 67.7%, #8cb3d1 71.0%, #9eadd4 74.2%, #baa7ce 77.4%, #d3a4b9 80.6%, #dfa79f 83.9%, #e5ae8d 87.1%, #edb77e 90.3%, #f6bf6d 93.5%, #ffc75b 96.8%, #ffce5c 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.49% 0.0317 220.78) 0.0%, oklch(94.08% 0.0336 221.49) 3.2%, oklch(93.50% 0.0363 222.52) 6.5%, oklch(92.81% 0.0395 223.65) 9.7%, oklch(92.06% 0.0427 224.66) 12.9%, oklch(91.28% 0.0459 225.40) 16.1%, oklch(90.44% 0.0494 226.00) 19.4%, oklch(89.53% 0.0530 226.49) 22.6%, oklch(88.60% 0.0565 226.88) 25.8%, oklch(87.66% 0.0597 227.15) 29.0%, oklch(86.71% 0.0622 227.06) 32.3%, oklch(85.73% 0.0643 226.75) 35.5%, oklch(84.73% 0.0665 226.57) 38.7%, oklch(83.74% 0.0693 226.89) 41.9%, oklch(82.77% 0.0736 227.99) 45.2%, oklch(81.79% 0.0799 229.73) 48.4%, oklch(80.81% 0.0862 231.84) 51.6%, oklch(79.83% 0.0904 234.06) 54.8%, oklch(78.84% 0.0903 235.87) 58.1%, oklch(77.63% 0.0846 233.80) 61.3%, oklch(76.37% 0.0756 230.82) 64.5%, oklch(75.33% 0.0667 232.02) 67.7%, oklch(74.82% 0.0610 242.53) 71.0%, oklch(74.97% 0.0593 268.14) 74.2%, oklch(75.63% 0.0594 306.96) 77.4%, oklch(76.66% 0.0619 349.89) 80.6%, oklch(77.94% 0.0678 27.75) 83.9%, oklch(79.43% 0.0784 52.46) 87.1%, oklch(81.49% 0.0966 67.33) 90.3%, oklch(83.81% 0.1185 76.15) 93.5%, oklch(85.94% 0.1390 81.48) 96.8%, oklch(87.40% 0.1414 85.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.032 | 220.8 |
| 2 | 0.917 | 0.044 | 225 |
| 3 | 0.878 | 0.059 | 227.1 |
| 4 | 0.835 | 0.07 | 227.1 |
| 5 | 0.791 | 0.091 | 235.6 |
| 6 | 0.748 | 0.061 | 245.1 |
| 7 | 0.787 | 0.073 | 403.6 |
| 8 | 0.874 | 0.153 | 445.9 |

## In these collections

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

## Other forms

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