# Navy, mauve and terracotta equinox twilight horizon

The Navy, mauve and terracotta equinox twilight horizon brings together dark blue, blue, purple, red, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Tritone dark blue, purple and brown linear gradient
- Seed: `kYTGi_qC1ArCaw69mcfyKhCs0tQG`
- Page: https://grabient.com/kYTGi_qC1ArCaw69mcfyKhCs0tQG?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.5 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 | `#141f74` | `oklch(29.92% 0.1433 269.30)` | Midnight Crest | white, 14.2 to 1 |
| 2 | `#161f73` | `oklch(30.03% 0.1416 269.68)` | Midnight Crest | white, 14.1 to 1 |
| 3 | `#172072` | `oklch(30.13% 0.1396 269.98)` | Midnight Crest | white, 14.1 to 1 |
| 4 | `#182172` | `oklch(30.27% 0.1371 270.42)` | Midnight Crest | white, 14 to 1 |
| 5 | `#1a2271` | `oklch(30.50% 0.1340 271.26)` | Midnight Crest | white, 13.9 to 1 |
| 6 | `#1e2370` | `oklch(30.85% 0.1300 272.72)` | After Work Blue | white, 13.7 to 1 |
| 7 | `#22256f` | `oklch(31.37% 0.1251 275.05)` | After Work Blue | white, 13.4 to 1 |
| 8 | `#28276d` | `oklch(32.08% 0.1186 278.23)` | After Work Blue | white, 13.1 to 1 |
| 9 | `#2f2a6b` | `oklch(32.96% 0.1101 281.91)` | Blue Rose | white, 12.6 to 1 |
| 10 | `#352d68` | `oklch(33.97% 0.1004 286.22)` | Deep Koamaru | white, 12.1 to 1 |
| 11 | `#3c3066` | `oklch(35.11% 0.0907 291.29)` | Minsk | white, 11.6 to 1 |
| 12 | `#433363` | `oklch(36.34% 0.0819 297.25)` | Minsk | white, 11 to 1 |
| 13 | `#4a3662` | `oklch(37.65% 0.0750 304.23)` | Petunia | white, 10.4 to 1 |
| 14 | `#523960` | `oklch(39.05% 0.0707 312.65)` | Purpurite Violet | white, 9.8 to 1 |
| 15 | `#5b3c5e` | `oklch(40.62% 0.0678 323.34)` | Purple Wineberry | white, 9.2 to 1 |
| 16 | `#65405c` | `oklch(42.31% 0.0663 335.43)` | Royal Plum | white, 8.6 to 1 |
| 17 | `#6e4359` | `oklch(44.06% 0.0659 347.91)` | Prune Purple | white, 8 to 1 |
| 18 | `#764756` | `oklch(45.81% 0.0668 359.78)` | Deep Carmine | white, 7.4 to 1 |
| 19 | `#7e4b53` | `oklch(47.48% 0.0687 10.03)` | Parauri Brown | white, 6.9 to 1 |
| 20 | `#844f51` | `oklch(49.04% 0.0717 17.76)` | Tibetan Temple | white, 6.4 to 1 |
| 21 | `#8c5350` | `oklch(50.59% 0.0769 23.60)` | Toile Red | white, 6 to 1 |
| 22 | `#94564e` | `oklch(52.13% 0.0838 28.07)` | Rich Brocade | white, 5.7 to 1 |
| 23 | `#9c584c` | `oklch(53.61% 0.0916 31.49)` | Spicy Cayenne | white, 5.3 to 1 |
| 24 | `#a35b4a` | `oklch(54.99% 0.0993 34.19)` | Cajun Red | white, 5 to 1 |
| 25 | `#aa5d47` | `oklch(56.23% 0.1061 36.47)` | Colourful Leaves | white, 4.8 to 1 |
| 26 | `#af5f45` | `oklch(57.28% 0.1111 38.65)` | Georgia Clay | white, 4.6 to 1 |
| 27 | `#b36143` | `oklch(58.15% 0.1148 40.30)` | Georgia Clay | black, 4.7 to 1 |
| 28 | `#b66342` | `oklch(58.87% 0.1176 41.30)` | Caramel Dream | black, 4.8 to 1 |
| 29 | `#b96442` | `oklch(59.45% 0.1198 41.82)` | Dirt Track | black, 4.9 to 1 |
| 30 | `#bb6542` | `oklch(59.93% 0.1215 42.07)` | Dirt Track | black, 5 to 1 |
| 31 | `#bd6642` | `oklch(60.32% 0.1229 42.21)` | Dirt Track | black, 5.1 to 1 |
| 32 | `#bf6642` | `oklch(60.63% 0.1240 42.45)` | Dirt Track | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #141f74 0.0%, #161f73 3.2%, #172072 6.5%, #182172 9.7%, #1a2271 12.9%, #1e2370 16.1%, #22256f 19.4%, #28276d 22.6%, #2f2a6b 25.8%, #352d68 29.0%, #3c3066 32.3%, #433363 35.5%, #4a3662 38.7%, #523960 41.9%, #5b3c5e 45.2%, #65405c 48.4%, #6e4359 51.6%, #764756 54.8%, #7e4b53 58.1%, #844f51 61.3%, #8c5350 64.5%, #94564e 67.7%, #9c584c 71.0%, #a35b4a 74.2%, #aa5d47 77.4%, #af5f45 80.6%, #b36143 83.9%, #b66342 87.1%, #b96442 90.3%, #bb6542 93.5%, #bd6642 96.8%, #bf6642 100.0%);
background: linear-gradient(180deg in oklch, oklch(29.92% 0.1433 269.30) 0.0%, oklch(30.03% 0.1416 269.68) 3.2%, oklch(30.13% 0.1396 269.98) 6.5%, oklch(30.27% 0.1371 270.42) 9.7%, oklch(30.50% 0.1340 271.26) 12.9%, oklch(30.85% 0.1300 272.72) 16.1%, oklch(31.37% 0.1251 275.05) 19.4%, oklch(32.08% 0.1186 278.23) 22.6%, oklch(32.96% 0.1101 281.91) 25.8%, oklch(33.97% 0.1004 286.22) 29.0%, oklch(35.11% 0.0907 291.29) 32.3%, oklch(36.34% 0.0819 297.25) 35.5%, oklch(37.65% 0.0750 304.23) 38.7%, oklch(39.05% 0.0707 312.65) 41.9%, oklch(40.62% 0.0678 323.34) 45.2%, oklch(42.31% 0.0663 335.43) 48.4%, oklch(44.06% 0.0659 347.91) 51.6%, oklch(45.81% 0.0668 359.78) 54.8%, oklch(47.48% 0.0687 10.03) 58.1%, oklch(49.04% 0.0717 17.76) 61.3%, oklch(50.59% 0.0769 23.60) 64.5%, oklch(52.13% 0.0838 28.07) 67.7%, oklch(53.61% 0.0916 31.49) 71.0%, oklch(54.99% 0.0993 34.19) 74.2%, oklch(56.23% 0.1061 36.47) 77.4%, oklch(57.28% 0.1111 38.65) 80.6%, oklch(58.15% 0.1148 40.30) 83.9%, oklch(58.87% 0.1176 41.30) 87.1%, oklch(59.45% 0.1198 41.82) 90.3%, oklch(59.93% 0.1215 42.07) 93.5%, oklch(60.32% 0.1229 42.21) 96.8%, oklch(60.63% 0.1240 42.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.143 | 269.3 |
| 2 | 0.315 | 0.124 | 275.6 |
| 3 | 0.382 | 0.073 | 307.3 |
| 4 | 0.484 | 0.07 | 375 |
| 5 | 0.571 | 0.11 | 398.2 |
| 6 | 0.606 | 0.124 | 402.4 |

## In these collections

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

## Other forms

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