# Orange, crimson and deep cyan sunset palette

The Orange, crimson and deep cyan sunset palette brings together light orange, orange, red, blue, and teal. 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 teal, and its lightest tone is light orange.

- Also called: Triadic peach, purple and blue linear gradient
- Seed: `kW1U0116080OovM4CrMtJa5w`
- Page: https://grabient.com/kW1U0116080OovM4CrMtJa5w?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#f3c079` | `oklch(83.86% 0.1061 75.23)` | Sunrise | black, 12.6 to 1 |
| 2 | `#f1bb75` | `oklch(82.67% 0.1078 73.12)` | Yellow-Rumped Warbler | black, 12.1 to 1 |
| 3 | `#efb56f` | `oklch(81.08% 0.1102 70.29)` | Golden Corn | black, 11.4 to 1 |
| 4 | `#ecad68` | `oklch(79.19% 0.1131 66.93)` | Lion of Menecrates | black, 10.7 to 1 |
| 5 | `#e9a462` | `oklch(77.09% 0.1162 63.20)` | Apricot Sorbet | black, 9.9 to 1 |
| 6 | `#e59a5c` | `oklch(74.87% 0.1192 59.26)` | Sabre-Toothed Tiger | black, 9.1 to 1 |
| 7 | `#e19157` | `oklch(72.62% 0.1217 55.30)` | Pumpkin Toast | black, 8.3 to 1 |
| 8 | `#dc8854` | `oklch(70.44% 0.1234 51.48)` | Schnipo | black, 7.6 to 1 |
| 9 | `#d78051` | `oklch(68.40% 0.1241 48.00)` | Copper Harbor | black, 7 to 1 |
| 10 | `#d1794e` | `oklch(66.33% 0.1245 45.44)` | Jack-O-Lantern | black, 6.5 to 1 |
| 11 | `#cb714a` | `oklch(64.18% 0.1247 43.58)` | Red Damask | black, 5.9 to 1 |
| 12 | `#c46a46` | `oklch(62.01% 0.1245 41.89)` | Aztec Copper | black, 5.4 to 1 |
| 13 | `#bd6344` | `oklch(59.85% 0.1237 39.85)` | Dirt Track | black, 5 to 1 |
| 14 | `#b55c43` | `oklch(57.76% 0.1219 36.94)` | Karacha Red | black, 4.6 to 1 |
| 15 | `#ae5645` | `oklch(55.79% 0.1189 32.63)` | Tibetan Orange | white, 4.9 to 1 |
| 16 | `#a7514a` | `oklch(53.98% 0.1145 26.40)` | Maine-Anjou Cattle | white, 5.3 to 1 |
| 17 | `#9f4d52` | `oklch(52.36% 0.1080 17.63)` | Sweet Cherry | white, 5.7 to 1 |
| 18 | `#944c5d` | `oklch(50.88% 0.0983 5.81)` | Haitian Flower | white, 6 to 1 |
| 19 | `#874c67` | `oklch(49.51% 0.0861 351.67)` | Damson | white, 6.4 to 1 |
| 20 | `#784e6e` | `oklch(48.25% 0.0726 336.11)` | Brocade Violet | white, 6.7 to 1 |
| 21 | `#6a5070` | `oklch(47.10% 0.0590 320.00)` | Basil Mauve | white, 6.9 to 1 |
| 22 | `#5e526e` | `oklch(46.06% 0.0466 304.24)` | Arraign | white, 7.2 to 1 |
| 23 | `#555269` | `oklch(45.12% 0.0365 289.70)` | Freefall | white, 7.4 to 1 |
| 24 | `#4f5264` | `oklch(44.29% 0.0299 277.28)` | Mystical Shade | white, 7.7 to 1 |
| 25 | `#4a5161` | `oklch(43.57% 0.0277 267.17)` | Senate | white, 7.9 to 1 |
| 26 | `#465060` | `oklch(42.99% 0.0292 258.10)` | Blue Quarry | white, 8.1 to 1 |
| 27 | `#415061` | `oklch(42.54% 0.0335 250.00)` | Deep Reservoir | white, 8.2 to 1 |
| 28 | `#3b5062` | `oklch(42.19% 0.0395 242.81)` | Sailing Safari | white, 8.3 to 1 |
| 29 | `#345163` | `oklch(41.92% 0.0463 236.53)` | Wentworth | white, 8.4 to 1 |
| 30 | `#2c5264` | `oklch(41.70% 0.0530 231.13)` | Regatta Bay | white, 8.4 to 1 |
| 31 | `#245264` | `oklch(41.51% 0.0585 226.57)` | Juggernaut | white, 8.4 to 1 |
| 32 | `#1d5364` | `oklch(41.34% 0.0620 222.83)` | Juggernaut | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f3c079 0.0%, #f1bb75 3.2%, #efb56f 6.5%, #ecad68 9.7%, #e9a462 12.9%, #e59a5c 16.1%, #e19157 19.4%, #dc8854 22.6%, #d78051 25.8%, #d1794e 29.0%, #cb714a 32.3%, #c46a46 35.5%, #bd6344 38.7%, #b55c43 41.9%, #ae5645 45.2%, #a7514a 48.4%, #9f4d52 51.6%, #944c5d 54.8%, #874c67 58.1%, #784e6e 61.3%, #6a5070 64.5%, #5e526e 67.7%, #555269 71.0%, #4f5264 74.2%, #4a5161 77.4%, #465060 80.6%, #415061 83.9%, #3b5062 87.1%, #345163 90.3%, #2c5264 93.5%, #245264 96.8%, #1d5364 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.86% 0.1061 75.23) 0.0%, oklch(82.67% 0.1078 73.12) 3.2%, oklch(81.08% 0.1102 70.29) 6.5%, oklch(79.19% 0.1131 66.93) 9.7%, oklch(77.09% 0.1162 63.20) 12.9%, oklch(74.87% 0.1192 59.26) 16.1%, oklch(72.62% 0.1217 55.30) 19.4%, oklch(70.44% 0.1234 51.48) 22.6%, oklch(68.40% 0.1241 48.00) 25.8%, oklch(66.33% 0.1245 45.44) 29.0%, oklch(64.18% 0.1247 43.58) 32.3%, oklch(62.01% 0.1245 41.89) 35.5%, oklch(59.85% 0.1237 39.85) 38.7%, oklch(57.76% 0.1219 36.94) 41.9%, oklch(55.79% 0.1189 32.63) 45.2%, oklch(53.98% 0.1145 26.40) 48.4%, oklch(52.36% 0.1080 17.63) 51.6%, oklch(50.88% 0.0983 5.81) 54.8%, oklch(49.51% 0.0861 351.67) 58.1%, oklch(48.25% 0.0726 336.11) 61.3%, oklch(47.10% 0.0590 320.00) 64.5%, oklch(46.06% 0.0466 304.24) 67.7%, oklch(45.12% 0.0365 289.70) 71.0%, oklch(44.29% 0.0299 277.28) 74.2%, oklch(43.57% 0.0277 267.17) 77.4%, oklch(42.99% 0.0292 258.10) 80.6%, oklch(42.54% 0.0335 250.00) 83.9%, oklch(42.19% 0.0395 242.81) 87.1%, oklch(41.92% 0.0463 236.53) 90.3%, oklch(41.70% 0.0530 231.13) 93.5%, oklch(41.51% 0.0585 226.57) 96.8%, oklch(41.34% 0.0620 222.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.106 | 75.2 |
| 2 | 0.689 | 0.124 | 48.8 |
| 3 | 0.531 | 0.112 | 22.4 |
| 4 | 0.441 | 0.029 | -85.4 |
| 5 | 0.413 | 0.062 | -137.2 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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