# Blue and crimson equinox twilight horizon palette

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

- Also called: Tritone blue, purple and salmon linear gradient
- Seed: `kcUYa_sDVBUaZRdaHMc2Z7AkYUOitqLhJDe-Y`
- Page: https://grabient.com/kcUYa_sDVBUaZRdaHMc2Z7AkYUOitqLhJDe-Y?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6 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 | `#16168e` | `oklch(31.89% 0.1846 269.30)` | Royal | white, 13.6 to 1 |
| 2 | `#1a1b8e` | `oklch(32.59% 0.1793 270.38)` | Celestial Indigo | white, 13.2 to 1 |
| 3 | `#1f208d` | `oklch(33.50% 0.1720 271.63)` | Naval Adventures | white, 12.7 to 1 |
| 4 | `#26268c` | `oklch(34.81% 0.1627 273.95)` | Cosmic Cobalt | white, 12 to 1 |
| 5 | `#322d8c` | `oklch(36.73% 0.1515 278.25)` | Cosmic Cobalt | white, 11.1 to 1 |
| 6 | `#43358b` | `oklch(39.52% 0.1374 285.38)` | Majestic Eggplant | white, 9.9 to 1 |
| 7 | `#57408a` | `oklch(43.31% 0.1180 295.26)` | Harvest Night | white, 8.3 to 1 |
| 8 | `#6b4d87` | `oklch(47.65% 0.0971 307.00)` | Zimidar | white, 6.9 to 1 |
| 9 | `#7d5a86` | `oklch(52.05% 0.0790 319.67)` | Champion | white, 5.7 to 1 |
| 10 | `#8d6686` | `oklch(56.05% 0.0679 332.42)` | Sunshone Plum | white, 4.8 to 1 |
| 11 | `#9e7188` | `oklch(60.03% 0.0653 346.96)` | Artiste | black, 5.1 to 1 |
| 12 | `#b07b88` | `oklch(64.05% 0.0682 2.88)` | Degas Pink | black, 6 to 1 |
| 13 | `#c08586` | `oklch(67.63% 0.0734 17.83)` | Baker Rose | black, 6.9 to 1 |
| 14 | `#cb8d83` | `oklch(70.32% 0.0779 29.48)` | Rose de Mai | black, 7.7 to 1 |
| 15 | `#d19381` | `oklch(71.86% 0.0800 36.50)` | Rosy Queen | black, 8.1 to 1 |
| 16 | `#d4957f` | `oklch(72.55% 0.0826 40.47)` | Tropical Blooms | black, 8.3 to 1 |
| 17 | `#d4947c` | `oklch(72.44% 0.0846 41.61)` | Tropical Blooms | black, 8.3 to 1 |
| 18 | `#d2917b` | `oklch(71.56% 0.0852 39.98)` | Orange Essential | black, 8 to 1 |
| 19 | `#cc8c7b` | `oklch(69.91% 0.0830 35.58)` | Constant Coral | black, 7.5 to 1 |
| 20 | `#c0847c` | `oklch(67.23% 0.0756 27.47)` | Cameo Brown | black, 6.8 to 1 |
| 21 | `#b07b7d` | `oklch(63.71% 0.0657 16.35)` | Taffeta Darling | black, 5.9 to 1 |
| 22 | `#9d717c` | `oklch(59.73% 0.0574 3.56)` | Dusk Wine | black, 5.1 to 1 |
| 23 | `#8d6778` | `oklch(55.68% 0.0548 350.39)` | Plum Dandy | white, 4.8 to 1 |
| 24 | `#7e5a75` | `oklch(51.45% 0.0609 336.29)` | Euphoric Magenta | white, 5.8 to 1 |
| 25 | `#6c4c74` | `oklch(46.70% 0.0735 320.00)` | Hyssop | white, 7.1 to 1 |
| 26 | `#583f74` | `oklch(41.96% 0.0892 303.78)` | Raw Amethyst | white, 8.8 to 1 |
| 27 | `#423574` | `oklch(37.77% 0.1044 289.99)` | Galactic Compass | white, 10.4 to 1 |
| 28 | `#312d73` | `oklch(34.60% 0.1164 280.77)` | Blue Rose | white, 11.9 to 1 |
| 29 | `#252773` | `oklch(32.28% 0.1275 275.72)` | After Work Blue | white, 13 to 1 |
| 30 | `#1e2073` | `oklch(30.56% 0.1379 273.38)` | Snorlax | white, 13.9 to 1 |
| 31 | `#191a73` | `oklch(29.30% 0.1467 272.39)` | 20000 Leagues Under the Sea | white, 14.6 to 1 |
| 32 | `#161573` | `oklch(28.35% 0.1530 271.41)` | 20000 Leagues Under the Sea | white, 15.1 to 1 |

## CSS

```css
background: linear-gradient(0deg, #16168e 0.0%, #1a1b8e 3.2%, #1f208d 6.5%, #26268c 9.7%, #322d8c 12.9%, #43358b 16.1%, #57408a 19.4%, #6b4d87 22.6%, #7d5a86 25.8%, #8d6686 29.0%, #9e7188 32.3%, #b07b88 35.5%, #c08586 38.7%, #cb8d83 41.9%, #d19381 45.2%, #d4957f 48.4%, #d4947c 51.6%, #d2917b 54.8%, #cc8c7b 58.1%, #c0847c 61.3%, #b07b7d 64.5%, #9d717c 67.7%, #8d6778 71.0%, #7e5a75 74.2%, #6c4c74 77.4%, #583f74 80.6%, #423574 83.9%, #312d73 87.1%, #252773 90.3%, #1e2073 93.5%, #191a73 96.8%, #161573 100.0%);
background: linear-gradient(0deg in oklch, oklch(31.89% 0.1846 269.30) 0.0%, oklch(32.59% 0.1793 270.38) 3.2%, oklch(33.50% 0.1720 271.63) 6.5%, oklch(34.81% 0.1627 273.95) 9.7%, oklch(36.73% 0.1515 278.25) 12.9%, oklch(39.52% 0.1374 285.38) 16.1%, oklch(43.31% 0.1180 295.26) 19.4%, oklch(47.65% 0.0971 307.00) 22.6%, oklch(52.05% 0.0790 319.67) 25.8%, oklch(56.05% 0.0679 332.42) 29.0%, oklch(60.03% 0.0653 346.96) 32.3%, oklch(64.05% 0.0682 2.88) 35.5%, oklch(67.63% 0.0734 17.83) 38.7%, oklch(70.32% 0.0779 29.48) 41.9%, oklch(71.86% 0.0800 36.50) 45.2%, oklch(72.55% 0.0826 40.47) 48.4%, oklch(72.44% 0.0846 41.61) 51.6%, oklch(71.56% 0.0852 39.98) 54.8%, oklch(69.91% 0.0830 35.58) 58.1%, oklch(67.23% 0.0756 27.47) 61.3%, oklch(63.71% 0.0657 16.35) 64.5%, oklch(59.73% 0.0574 3.56) 67.7%, oklch(55.68% 0.0548 350.39) 71.0%, oklch(51.45% 0.0609 336.29) 74.2%, oklch(46.70% 0.0735 320.00) 77.4%, oklch(41.96% 0.0892 303.78) 80.6%, oklch(37.77% 0.1044 289.99) 83.9%, oklch(34.60% 0.1164 280.77) 87.1%, oklch(32.28% 0.1275 275.72) 90.3%, oklch(30.56% 0.1379 273.38) 93.5%, oklch(29.30% 0.1467 272.39) 96.8%, oklch(28.35% 0.1530 271.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.185 | 269.3 |
| 2 | 0.378 | 0.146 | 280.9 |
| 3 | 0.555 | 0.069 | 330.6 |
| 4 | 0.709 | 0.079 | 391.9 |
| 5 | 0.705 | 0.084 | 397.2 |
| 6 | 0.551 | 0.055 | 348.6 |
| 7 | 0.358 | 0.112 | 284.1 |
| 8 | 0.283 | 0.153 | 271.4 |

## In these collections

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

## Other forms

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