# Blue equinox twilight horizon palette

The Blue equinox twilight horizon palette brings together dark blue, blue, and light blue. 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 dark blue, and its lightest tone is light blue.

- Also called: Monochrome navy to gray linear gradient
- Seed: `kWQTK-L6i_MUsv9VokA2Y9BQ`
- Page: https://grabient.com/kWQTK-L6i_MUsv9VokA2Y9BQ?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, cool, monochrome
- Hues: monochromatic
- 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 | `#142044` | `oklch(25.59% 0.0689 267.19)` | Dark Eclipse | white, 15.8 to 1 |
| 2 | `#152248` | `oklch(26.50% 0.0725 266.64)` | Dark Eclipse | white, 15.4 to 1 |
| 3 | `#16254e` | `oklch(27.67% 0.0777 265.87)` | Rurikon Blue | white, 14.8 to 1 |
| 4 | `#162855` | `oklch(29.07% 0.0838 264.95)` | Space Cadet | white, 14.2 to 1 |
| 5 | `#172c5c` | `oklch(30.64% 0.0904 263.96)` | Ultramarine Violet | white, 13.4 to 1 |
| 6 | `#183065` | `oklch(32.35% 0.0971 262.96)` | Mythical Night | white, 12.6 to 1 |
| 7 | `#18356d` | `oklch(34.16% 0.1033 262.05)` | Atlantic Navy | white, 11.8 to 1 |
| 8 | `#1a3a75` | `oklch(36.01% 0.1086 261.28)` | Azure Dragon | white, 11 to 1 |
| 9 | `#1c3f7d` | `oklch(37.87% 0.1125 260.73)` | Mazarine Blue | white, 10.2 to 1 |
| 10 | `#1f4585` | `oklch(39.88% 0.1156 260.34)` | Maritime Outpost | white, 9.3 to 1 |
| 11 | `#234b8d` | `oklch(42.06% 0.1183 260.06)` | Olympian Blue | white, 8.5 to 1 |
| 12 | `#285195` | `oklch(44.34% 0.1205 259.87)` | Insignia | white, 7.7 to 1 |
| 13 | `#2e589d` | `oklch(46.67% 0.1221 259.76)` | Cyan Cobalt Blue | white, 7 to 1 |
| 14 | `#335fa5` | `oklch(48.98% 0.1232 259.71)` | Nebulas Blue | white, 6.3 to 1 |
| 15 | `#3a65ad` | `oklch(51.22% 0.1235 259.72)` | Kakitsubata Blue | white, 5.7 to 1 |
| 16 | `#406cb3` | `oklch(53.34% 0.1231 259.76)` | Waterline Blue | white, 5.2 to 1 |
| 17 | `#4671b9` | `oklch(55.30% 0.1219 259.82)` | Sinatra | white, 4.8 to 1 |
| 18 | `#4c77be` | `oklch(57.24% 0.1199 259.86)` | Diva Violet | black, 4.7 to 1 |
| 19 | `#537dc3` | `oklch(59.16% 0.1171 259.90)` | Blue Iolite | black, 5.1 to 1 |
| 20 | `#5a83c7` | `oklch(61.02% 0.1136 260.00)` | Bodega Bay | black, 5.5 to 1 |
| 21 | `#6189ca` | `oklch(62.77% 0.1095 260.18)` | Livid | black, 5.9 to 1 |
| 22 | `#688dcd` | `oklch(64.39% 0.1050 260.50)` | Royal Regatta | black, 6.3 to 1 |
| 23 | `#6e92cf` | `oklch(65.83% 0.1001 260.99)` | Organza Violet | black, 6.6 to 1 |
| 24 | `#7596d0` | `oklch(67.05% 0.0950 261.69)` | Pannikin | black, 6.9 to 1 |
| 25 | `#7b98d0` | `oklch(68.03% 0.0893 262.70)` | Purple Gentian | black, 7.2 to 1 |
| 26 | `#819ace` | `oklch(68.76% 0.0824 264.11)` | Purple Gentian | black, 7.4 to 1 |
| 27 | `#869ccb` | `oklch(69.30% 0.0747 265.80)` | Caribbean Sky | black, 7.6 to 1 |
| 28 | `#8b9dc8` | `oklch(69.67% 0.0667 267.62)` | Manifest Destiny | black, 7.7 to 1 |
| 29 | `#8f9dc4` | `oklch(69.93% 0.0589 269.44)` | Blue Heron | black, 7.8 to 1 |
| 30 | `#939ec0` | `oklch(70.13% 0.0517 271.12)` | Midnight Blush | black, 7.8 to 1 |
| 31 | `#959ebd` | `oklch(70.29% 0.0457 272.53)` | Midnight Blush | black, 7.9 to 1 |
| 32 | `#979fba` | `oklch(70.47% 0.0413 273.53)` | Silver Star | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #142044 0.0%, #152248 3.2%, #16254e 6.5%, #162855 9.7%, #172c5c 12.9%, #183065 16.1%, #18356d 19.4%, #1a3a75 22.6%, #1c3f7d 25.8%, #1f4585 29.0%, #234b8d 32.3%, #285195 35.5%, #2e589d 38.7%, #335fa5 41.9%, #3a65ad 45.2%, #406cb3 48.4%, #4671b9 51.6%, #4c77be 54.8%, #537dc3 58.1%, #5a83c7 61.3%, #6189ca 64.5%, #688dcd 67.7%, #6e92cf 71.0%, #7596d0 74.2%, #7b98d0 77.4%, #819ace 80.6%, #869ccb 83.9%, #8b9dc8 87.1%, #8f9dc4 90.3%, #939ec0 93.5%, #959ebd 96.8%, #979fba 100.0%);
background: linear-gradient(0deg in oklch, oklch(25.59% 0.0689 267.19) 0.0%, oklch(26.50% 0.0725 266.64) 3.2%, oklch(27.67% 0.0777 265.87) 6.5%, oklch(29.07% 0.0838 264.95) 9.7%, oklch(30.64% 0.0904 263.96) 12.9%, oklch(32.35% 0.0971 262.96) 16.1%, oklch(34.16% 0.1033 262.05) 19.4%, oklch(36.01% 0.1086 261.28) 22.6%, oklch(37.87% 0.1125 260.73) 25.8%, oklch(39.88% 0.1156 260.34) 29.0%, oklch(42.06% 0.1183 260.06) 32.3%, oklch(44.34% 0.1205 259.87) 35.5%, oklch(46.67% 0.1221 259.76) 38.7%, oklch(48.98% 0.1232 259.71) 41.9%, oklch(51.22% 0.1235 259.72) 45.2%, oklch(53.34% 0.1231 259.76) 48.4%, oklch(55.30% 0.1219 259.82) 51.6%, oklch(57.24% 0.1199 259.86) 54.8%, oklch(59.16% 0.1171 259.90) 58.1%, oklch(61.02% 0.1136 260.00) 61.3%, oklch(62.77% 0.1095 260.18) 64.5%, oklch(64.39% 0.1050 260.50) 67.7%, oklch(65.83% 0.1001 260.99) 71.0%, oklch(67.05% 0.0950 261.69) 74.2%, oklch(68.03% 0.0893 262.70) 77.4%, oklch(68.76% 0.0824 264.11) 80.6%, oklch(69.30% 0.0747 265.80) 83.9%, oklch(69.67% 0.0667 267.62) 87.1%, oklch(69.93% 0.0589 269.44) 90.3%, oklch(70.13% 0.0517 271.12) 93.5%, oklch(70.29% 0.0457 272.53) 96.8%, oklch(70.47% 0.0413 273.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.069 | 267.2 |
| 2 | 0.374 | 0.112 | 260.8 |
| 3 | 0.543 | 0.123 | 259.8 |
| 4 | 0.673 | 0.094 | 261.9 |
| 5 | 0.705 | 0.041 | 273.5 |

## In these collections

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

## Other forms

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