# Alien Caravan Horizon

A diagonal gradient moves from deep navy and indigo through strange teal and dry mustard into rust red and dark earthen shadow. The vivid but weathered route fits fantasy maps, speculative book covers, game environments, cinematic posters, and atmospheric interface panels that need an unfamiliar landscape with a clear cool-to-warm journey.

- Also called: Muted rainbow from navy to black linear gradient
- Seed: `kWQyS1uZtAtIoLDIL7kJIk6Q`
- Page: https://grabient.com/kWQyS1uZtAtIoLDIL7kJIk6Q?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.7 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 | `#14263d` | `oklch(26.38% 0.0496 255.23)` | Cool Balaclavas Are Forever | white, 15.3 to 1 |
| 2 | `#172942` | `oklch(27.89% 0.0515 257.00)` | Eternal Darkness | white, 14.6 to 1 |
| 3 | `#1e2d49` | `oklch(29.90% 0.0540 260.70)` | Manganese Black | white, 13.7 to 1 |
| 4 | `#253351` | `oklch(32.30% 0.0569 265.19)` | Blue Lobelia | white, 12.6 to 1 |
| 5 | `#2e395a` | `oklch(34.96% 0.0602 269.29)` | Mediaeval Blue | white, 11.4 to 1 |
| 6 | `#363f64` | `oklch(37.77% 0.0638 271.87)` | Bay of Many | white, 10.2 to 1 |
| 7 | `#3c476e` | `oklch(40.61% 0.0676 271.75)` | Constellation Blue | white, 9 to 1 |
| 8 | `#404f78` | `oklch(43.35% 0.0715 267.78)` | Takaka | white, 8 to 1 |
| 9 | `#3d5882` | `oklch(45.91% 0.0754 258.75)` | Deep Azure | white, 7.1 to 1 |
| 10 | `#336489` | `oklch(48.66% 0.0797 243.29)` | Drake’s Neck | white, 6.2 to 1 |
| 11 | `#21728b` | `oklch(51.66% 0.0845 222.52)` | Amulet Gem | white, 5.4 to 1 |
| 12 | `#128084` | `oklch(54.72% 0.0894 198.25)` | Go Alpha | white, 4.7 to 1 |
| 13 | `#2f8b73` | `oklch(57.68% 0.0945 172.31)` | Ionian | black, 5 to 1 |
| 14 | `#57915d` | `oklch(60.34% 0.0994 146.52)` | Ineffable Forest | black, 5.6 to 1 |
| 15 | `#7c9247` | `oklch(62.54% 0.1041 122.69)` | Pepper Sprout | black, 6 to 1 |
| 16 | `#998f38` | `oklch(64.09% 0.1083 102.64)` | Banana Leaf | black, 6.3 to 1 |
| 17 | `#ab8a31` | `oklch(64.86% 0.1122 87.77)` | Camel Toe | black, 6.4 to 1 |
| 18 | `#b8852f` | `oklch(65.06% 0.1171 76.35)` | Gothic Gold | black, 6.3 to 1 |
| 19 | `#bf7e2f` | `oklch(64.75% 0.1225 67.43)` | Autumn Fest | black, 6.2 to 1 |
| 20 | `#c3772f` | `oklch(63.98% 0.1277 60.38)` | Orange Squash | black, 6 to 1 |
| 21 | `#c4702f` | `oklch(62.80% 0.1320 54.56)` | Caramelised Peach | black, 5.7 to 1 |
| 22 | `#c36830` | `oklch(61.26% 0.1346 49.33)` | Sesame Crunch | black, 5.3 to 1 |
| 23 | `#bf6034` | `oklch(59.40% 0.1349 44.07)` | Smoke Tree | black, 4.9 to 1 |
| 24 | `#b8583a` | `oklch(57.26% 0.1322 38.15)` | Beef Patties | white, 4.6 to 1 |
| 25 | `#ad5041` | `oklch(54.66% 0.1252 31.27)` | Hot Sauce | white, 5.2 to 1 |
| 26 | `#9d4946` | `oklch(51.19% 0.1134 24.10)` | Roof Terracotta | white, 6 to 1 |
| 27 | `#8a4247` | `oklch(47.12% 0.0983 16.90)` | Silk Satin | white, 7.1 to 1 |
| 28 | `#743b45` | `oklch(42.77% 0.0813 9.92)` | Garnet Evening | white, 8.5 to 1 |
| 29 | `#603440` | `oklch(38.45% 0.0640 3.40)` | Art Deco Red | white, 10.1 to 1 |
| 30 | `#4d2e39` | `oklch(34.46% 0.0478 357.57)` | Ripe Eggplant | white, 11.8 to 1 |
| 31 | `#3e2932` | `oklch(31.12% 0.0342 352.67)` | Late Night Out | white, 13.3 to 1 |
| 32 | `#34262d` | `oklch(28.74% 0.0248 348.93)` | Smoky Charcoal | white, 14.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #14263d 0.0%, #172942 3.2%, #1e2d49 6.5%, #253351 9.7%, #2e395a 12.9%, #363f64 16.1%, #3c476e 19.4%, #404f78 22.6%, #3d5882 25.8%, #336489 29.0%, #21728b 32.3%, #128084 35.5%, #2f8b73 38.7%, #57915d 41.9%, #7c9247 45.2%, #998f38 48.4%, #ab8a31 51.6%, #b8852f 54.8%, #bf7e2f 58.1%, #c3772f 61.3%, #c4702f 64.5%, #c36830 67.7%, #bf6034 71.0%, #b8583a 74.2%, #ad5041 77.4%, #9d4946 80.6%, #8a4247 83.9%, #743b45 87.1%, #603440 90.3%, #4d2e39 93.5%, #3e2932 96.8%, #34262d 100.0%);
background: linear-gradient(45deg in oklch, oklch(26.38% 0.0496 255.23) 0.0%, oklch(27.89% 0.0515 257.00) 3.2%, oklch(29.90% 0.0540 260.70) 6.5%, oklch(32.30% 0.0569 265.19) 9.7%, oklch(34.96% 0.0602 269.29) 12.9%, oklch(37.77% 0.0638 271.87) 16.1%, oklch(40.61% 0.0676 271.75) 19.4%, oklch(43.35% 0.0715 267.78) 22.6%, oklch(45.91% 0.0754 258.75) 25.8%, oklch(48.66% 0.0797 243.29) 29.0%, oklch(51.66% 0.0845 222.52) 32.3%, oklch(54.72% 0.0894 198.25) 35.5%, oklch(57.68% 0.0945 172.31) 38.7%, oklch(60.34% 0.0994 146.52) 41.9%, oklch(62.54% 0.1041 122.69) 45.2%, oklch(64.09% 0.1083 102.64) 48.4%, oklch(64.86% 0.1122 87.77) 51.6%, oklch(65.06% 0.1171 76.35) 54.8%, oklch(64.75% 0.1225 67.43) 58.1%, oklch(63.98% 0.1277 60.38) 61.3%, oklch(62.80% 0.1320 54.56) 64.5%, oklch(61.26% 0.1346 49.33) 67.7%, oklch(59.40% 0.1349 44.07) 71.0%, oklch(57.26% 0.1322 38.15) 74.2%, oklch(54.66% 0.1252 31.27) 77.4%, oklch(51.19% 0.1134 24.10) 80.6%, oklch(47.12% 0.0983 16.90) 83.9%, oklch(42.77% 0.0813 9.92) 87.1%, oklch(38.45% 0.0640 3.40) 90.3%, oklch(34.46% 0.0478 357.57) 93.5%, oklch(31.12% 0.0342 352.67) 96.8%, oklch(28.74% 0.0248 348.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.05 | 255.2 |
| 2 | 0.453 | 0.074 | 261.6 |
| 3 | 0.646 | 0.11 | 94.6 |
| 4 | 0.567 | 0.131 | 36.5 |
| 5 | 0.287 | 0.025 | -11.1 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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