# Gold, mauve and navy sunrise palette

The Gold, mauve and navy sunrise palette brings together light orange, red, purple, blue, and dark blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light orange.

- Also called: Beige, pink, purple and navy angular swatches
- Seed: `kW5TY9VqS37-XuQwlDlmZY-I`
- Page: https://grabient.com/kW5TY9VqS37-XuQwlDlmZY-I?style=angularSwatches&steps=5&angle=180
- Drawn as: angular swatches, 5 steps, 180 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 13.4 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 | `#f5dca6` | `oklch(90.16% 0.0744 85.78)` | Cutlery Polish | black, 15.6 to 1 |
| 2 | `#cf7e81` | `oklch(68.11% 0.1006 18.15)` | Galah | black, 6.9 to 1 |
| 3 | `#74577a` | `oklch(50.00% 0.0648 320.03)` | Opulent Ostrich | white, 6.1 to 1 |
| 4 | `#344261` | `oklch(38.19% 0.0551 265.08)` | Black Turmeric | white, 9.9 to 1 |
| 5 | `#00172f` | `oklch(20.10% 0.0579 250.66)` | Squid’s Ink | white, 18 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #f5dca6 0.000% 20.000%, #cf7e81 20.000% 40.000%, #74577a 40.000% 60.000%, #344261 60.000% 80.000%, #00172f 80.000% 100.000%);
background: conic-gradient(from 180deg, oklch(90.16% 0.0744 85.78) 0.000% 20.000%, oklch(68.11% 0.1006 18.15) 20.000% 40.000%, oklch(50.00% 0.0648 320.03) 40.000% 60.000%, oklch(38.19% 0.0551 265.08) 60.000% 80.000%, oklch(20.10% 0.0579 250.66) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.074 | 85.8 |
| 2 | 0.681 | 0.101 | 18.1 |
| 3 | 0.5 | 0.065 | -40 |
| 4 | 0.382 | 0.055 | -94.9 |
| 5 | 0.201 | 0.061 | -109.7 |

## In these collections

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

## Other forms

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