# Deep cyan, tan and crimson vintage palette

The Deep cyan, tan and crimson vintage palette brings together blue, teal, light yellow, light orange, and red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits editorial layouts and period-inspired packaging. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Blue, gray, tan and salmon linear gradient
- Seed: `kWaiqhyg29l4MsncJrpzDm-A`
- Page: https://grabient.com/kWaiqhyg29l4MsncJrpzDm-A?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#265365` | `oklch(41.73% 0.0579 227.11)` | Juggernaut | white, 8.4 to 1 |
| 2 | `#2b5668` | `oklch(43.06% 0.0561 226.18)` | Deep Loch | white, 7.9 to 1 |
| 3 | `#325b6c` | `oklch(44.84% 0.0536 225.68)` | Blumine | white, 7.3 to 1 |
| 4 | `#3a6170` | `oklch(46.97% 0.0506 225.12)` | Bermudan Blue | white, 6.7 to 1 |
| 5 | `#436775` | `oklch(49.32% 0.0473 224.02)` | Teal Mosaic | white, 6 to 1 |
| 6 | `#4c6e7b` | `oklch(51.79% 0.0441 221.92)` | Winter Storm | white, 5.4 to 1 |
| 7 | `#547680` | `oklch(54.26% 0.0411 218.33)` | Ocean Current | white, 4.9 to 1 |
| 8 | `#5c7d84` | `oklch(56.63% 0.0386 212.77)` | Refuge | black, 4.7 to 1 |
| 9 | `#638387` | `oklch(58.80% 0.0368 204.74)` | Arctic | black, 5.1 to 1 |
| 10 | `#6b8a89` | `oklch(61.04% 0.0349 193.22)` | Overgrown Trellis | black, 5.6 to 1 |
| 11 | `#76918b` | `oklch(63.42% 0.0329 178.75)` | Longmeadow | black, 6.2 to 1 |
| 12 | `#81988c` | `oklch(65.81% 0.0310 162.37)` | Paradise Found | black, 6.8 to 1 |
| 13 | `#8e9e8e` | `oklch(68.12% 0.0296 145.11)` | Mossleaf | black, 7.4 to 1 |
| 14 | `#9aa390` | `oklch(70.25% 0.0292 128.03)` | Big Fish | black, 8 to 1 |
| 15 | `#a5a792` | `oklch(72.07% 0.0300 112.16)` | Sunset Meadow | black, 8.5 to 1 |
| 16 | `#aeaa93` | `oklch(73.49% 0.0325 98.54)` | Spartan Stone | black, 8.9 to 1 |
| 17 | `#b6ab92` | `oklch(74.42% 0.0370 87.93)` | Bison Hide | black, 9.2 to 1 |
| 18 | `#bdab8f` | `oklch(74.97% 0.0439 79.18)` | Egyptian Sand | black, 9.4 to 1 |
| 19 | `#c4aa8a` | `oklch(75.18% 0.0527 71.82)` | Townhall Tan | black, 9.4 to 1 |
| 20 | `#caa784` | `oklch(75.10% 0.0628 65.60)` | Totally Tan | black, 9.3 to 1 |
| 21 | `#d0a37e` | `oklch(74.77% 0.0736 60.28)` | Sunset Beige | black, 9.2 to 1 |
| 22 | `#d59e77` | `oklch(74.22% 0.0845 55.64)` | Darling Clementine | black, 8.9 to 1 |
| 23 | `#d99871` | `oklch(73.51% 0.0948 51.43)` | Laredo | black, 8.7 to 1 |
| 24 | `#dc926d` | `oklch(72.67% 0.1040 47.41)` | Summer’s End | black, 8.3 to 1 |
| 25 | `#de8b68` | `oklch(71.60% 0.1122 43.59)` | Copper Wire | black, 8 to 1 |
| 26 | `#dd8463` | `oklch(70.09% 0.1203 40.44)` | Sohi Orange | black, 7.5 to 1 |
| 27 | `#dc7b5d` | `oklch(68.27% 0.1282 37.87)` | Flamenco Pink | black, 7 to 1 |
| 28 | `#d97156` | `oklch(66.29% 0.1358 35.80)` | Rustic Pottery | black, 6.4 to 1 |
| 29 | `#d5684f` | `oklch(64.31% 0.1429 34.13)` | Track and Field | black, 5.9 to 1 |
| 30 | `#d26049` | `oklch(62.47% 0.1491 32.76)` | Flame Stitch | black, 5.4 to 1 |
| 31 | `#cf5945` | `oklch(60.93% 0.1544 31.60)` | Bugman’s Glow | black, 5.1 to 1 |
| 32 | `#cd5342` | `oklch(59.84% 0.1585 30.55)` | Chilli Cashew | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #265365 0.0%, #2b5668 3.2%, #325b6c 6.5%, #3a6170 9.7%, #436775 12.9%, #4c6e7b 16.1%, #547680 19.4%, #5c7d84 22.6%, #638387 25.8%, #6b8a89 29.0%, #76918b 32.3%, #81988c 35.5%, #8e9e8e 38.7%, #9aa390 41.9%, #a5a792 45.2%, #aeaa93 48.4%, #b6ab92 51.6%, #bdab8f 54.8%, #c4aa8a 58.1%, #caa784 61.3%, #d0a37e 64.5%, #d59e77 67.7%, #d99871 71.0%, #dc926d 74.2%, #de8b68 77.4%, #dd8463 80.6%, #dc7b5d 83.9%, #d97156 87.1%, #d5684f 90.3%, #d26049 93.5%, #cf5945 96.8%, #cd5342 100.0%);
background: linear-gradient(180deg in oklch, oklch(41.73% 0.0579 227.11) 0.0%, oklch(43.06% 0.0561 226.18) 3.2%, oklch(44.84% 0.0536 225.68) 6.5%, oklch(46.97% 0.0506 225.12) 9.7%, oklch(49.32% 0.0473 224.02) 12.9%, oklch(51.79% 0.0441 221.92) 16.1%, oklch(54.26% 0.0411 218.33) 19.4%, oklch(56.63% 0.0386 212.77) 22.6%, oklch(58.80% 0.0368 204.74) 25.8%, oklch(61.04% 0.0349 193.22) 29.0%, oklch(63.42% 0.0329 178.75) 32.3%, oklch(65.81% 0.0310 162.37) 35.5%, oklch(68.12% 0.0296 145.11) 38.7%, oklch(70.25% 0.0292 128.03) 41.9%, oklch(72.07% 0.0300 112.16) 45.2%, oklch(73.49% 0.0325 98.54) 48.4%, oklch(74.42% 0.0370 87.93) 51.6%, oklch(74.97% 0.0439 79.18) 54.8%, oklch(75.18% 0.0527 71.82) 58.1%, oklch(75.10% 0.0628 65.60) 61.3%, oklch(74.77% 0.0736 60.28) 64.5%, oklch(74.22% 0.0845 55.64) 67.7%, oklch(73.51% 0.0948 51.43) 71.0%, oklch(72.67% 0.1040 47.41) 74.2%, oklch(71.60% 0.1122 43.59) 77.4%, oklch(70.09% 0.1203 40.44) 80.6%, oklch(68.27% 0.1282 37.87) 83.9%, oklch(66.29% 0.1358 35.80) 87.1%, oklch(64.31% 0.1429 34.13) 90.3%, oklch(62.47% 0.1491 32.76) 93.5%, oklch(60.93% 0.1544 31.60) 96.8%, oklch(59.84% 0.1585 30.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.058 | 227.1 |
| 2 | 0.583 | 0.037 | 207 |
| 3 | 0.74 | 0.034 | 92.9 |
| 4 | 0.724 | 0.106 | 46.4 |
| 5 | 0.598 | 0.158 | 30.6 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)

## Other forms

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