# Blue and crimson equinox twilight horizon palette

The Blue and crimson equinox twilight horizon palette brings together blue, light gray, orange, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light gray.

- Also called: Navy, gray and brown radial swatches
- Seed: `kYUDTAOyS_lCZP9Zhks0x9F8Imvi`
- Page: https://grabient.com/kYUDTAOyS_lCZP9Zhks0x9F8Imvi?style=radialSwatches&steps=6&angle=225
- Drawn as: radial swatches, 6 steps, 225 degrees
- Kinds: light center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.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 | `#242f56` | `oklch(31.50% 0.0717 270.00)` | Boatswain | white, 13 to 1 |
| 2 | `#405691` | `oklch(46.46% 0.1006 266.83)` | Demon Blue | white, 7 to 1 |
| 3 | `#768ab5` | `oklch(63.39% 0.0689 265.77)` | Wild Blue Yonder | black, 6 to 1 |
| 4 | `#a99c9f` | `oklch(70.47% 0.0165 0.88)` | Nobel | black, 7.9 to 1 |
| 5 | `#ba815f` | `oklch(65.35% 0.0854 51.60)` | Cognac Brown | black, 6.4 to 1 |
| 6 | `#9c503b` | `oklch(51.97% 0.1061 36.81)` | Sōdenkaracha Brown | white, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #242f56 0.000% 16.667%, #405691 16.667% 33.333%, #768ab5 33.333% 50.000%, #a99c9f 50.000% 66.667%, #ba815f 66.667% 83.333%, #9c503b 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(31.50% 0.0717 270.00) 0.000% 16.667%, oklch(46.46% 0.1006 266.83) 16.667% 33.333%, oklch(63.39% 0.0689 265.77) 33.333% 50.000%, oklch(70.47% 0.0165 0.88) 50.000% 66.667%, oklch(65.35% 0.0854 51.60) 66.667% 83.333%, oklch(51.97% 0.1061 36.81) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.072 | 270 |
| 2 | 0.465 | 0.101 | 266.8 |
| 3 | 0.634 | 0.069 | 265.8 |
| 4 | 0.705 | 0.017 | 360.9 |
| 5 | 0.654 | 0.085 | 411.6 |
| 6 | 0.52 | 0.106 | 396.8 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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