# Indigo teal golden nostalgia

Muted indigo moves through slate blue and aged teal into warm sand and golden beige along a smooth diagonal gradient. The restrained contrast feels nostalgic, cinematic, and sun-faded. It works for album artwork, vintage travel posters, editorial backgrounds, and searches for retro gradients, teal and gold palettes, or faded seventies colors.

- Also called: Tritone navy, teal and tan linear gradient
- Seed: `kUUju-RZ6-18XLBoq7-A`
- Page: https://grabient.com/kUUju-RZ6-18XLBoq7-A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.3 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 | `#21315d` | `oklch(32.28% 0.0813 267.19)` | Ending Navy Blue | white, 12.7 to 1 |
| 2 | `#243461` | `oklch(33.58% 0.0816 267.31)` | Navy Trim | white, 12 to 1 |
| 3 | `#293866` | `oklch(35.25% 0.0820 268.34)` | Blue Depths | white, 11.3 to 1 |
| 4 | `#2f3d6c` | `oklch(37.23% 0.0826 269.86)` | Newport Indigo | white, 10.4 to 1 |
| 5 | `#364273` | `oklch(39.45% 0.0832 271.48)` | Lviv Blue | white, 9.5 to 1 |
| 6 | `#3e497a` | `oklch(41.84% 0.0839 272.78)` | Expressionism | white, 8.6 to 1 |
| 7 | `#444f82` | `oklch(44.33% 0.0844 273.36)` | Blue Jewel | white, 7.7 to 1 |
| 8 | `#4b578a` | `oklch(46.87% 0.0848 272.81)` | Baby Whale | white, 6.9 to 1 |
| 9 | `#4f5e92` | `oklch(49.37% 0.0850 270.74)` | Fresh Take | white, 6.2 to 1 |
| 10 | `#526699` | `oklch(51.78% 0.0848 266.73)` | UCLA Blue | white, 5.6 to 1 |
| 11 | `#526fa0` | `oklch(54.02% 0.0843 260.38)` | Chesty Bond | white, 5 to 1 |
| 12 | `#4f78a4` | `oklch(56.11% 0.0832 250.99)` | Pacifica | white, 4.6 to 1 |
| 13 | `#4982a6` | `oklch(58.23% 0.0812 237.77)` | Lake Henry | black, 5 to 1 |
| 14 | `#468ca3` | `oklch(60.39% 0.0785 221.50)` | Cossack Dancer | black, 5.5 to 1 |
| 15 | `#4a959c` | `oklch(62.54% 0.0753 203.07)` | Sea Current | black, 6 to 1 |
| 16 | `#589d92` | `oklch(64.66% 0.0720 183.34)` | Aqua Revival | black, 6.6 to 1 |
| 17 | `#6ca288` | `oklch(66.72% 0.0688 163.20)` | Quilotoa Green | black, 7.1 to 1 |
| 18 | `#82a580` | `oklch(68.70% 0.0660 143.54)` | Greyish Green | black, 7.6 to 1 |
| 19 | `#97a87c` | `oklch(70.57% 0.0638 125.22)` | Forester | black, 8.1 to 1 |
| 20 | `#a8a97c` | `oklch(72.31% 0.0626 109.13)` | Brisk Olive | black, 8.6 to 1 |
| 21 | `#b6ab7e` | `oklch(73.87% 0.0626 96.15)` | Fresh Brew | black, 9 to 1 |
| 22 | `#c0ad80` | `oklch(75.24% 0.0641 87.06)` | Cobbler | black, 9.5 to 1 |
| 23 | `#c9af82` | `oklch(76.44% 0.0673 81.15)` | Gold Perennial | black, 9.8 to 1 |
| 24 | `#d0b182` | `oklch(77.49% 0.0720 77.72)` | Warm Butterscotch | black, 10.2 to 1 |
| 25 | `#d6b280` | `oklch(78.41% 0.0779 76.32)` | Jacob’s Ladder | black, 10.5 to 1 |
| 26 | `#dab47d` | `oklch(79.21% 0.0845 76.51)` | Boudin | black, 10.8 to 1 |
| 27 | `#deb679` | `oklch(79.91% 0.0915 77.85)` | Soft Chamois | black, 11.1 to 1 |
| 28 | `#e1b974` | `oklch(80.51% 0.0986 79.91)` | Veranda Yellow | black, 11.3 to 1 |
| 29 | `#e3bb6f` | `oklch(81.04% 0.1053 82.24)` | Cloudy Honey | black, 11.5 to 1 |
| 30 | `#e4bd6a` | `oklch(81.50% 0.1113 84.41)` | Crisps | black, 11.7 to 1 |
| 31 | `#e5be66` | `oklch(81.91% 0.1163 85.97)` | Crisps | black, 11.9 to 1 |
| 32 | `#e7c063` | `oklch(82.28% 0.1199 86.48)` | Crop Circle | black, 12 to 1 |

## CSS

```css
background: linear-gradient(45deg, #21315d 0.0%, #243461 3.2%, #293866 6.5%, #2f3d6c 9.7%, #364273 12.9%, #3e497a 16.1%, #444f82 19.4%, #4b578a 22.6%, #4f5e92 25.8%, #526699 29.0%, #526fa0 32.3%, #4f78a4 35.5%, #4982a6 38.7%, #468ca3 41.9%, #4a959c 45.2%, #589d92 48.4%, #6ca288 51.6%, #82a580 54.8%, #97a87c 58.1%, #a8a97c 61.3%, #b6ab7e 64.5%, #c0ad80 67.7%, #c9af82 71.0%, #d0b182 74.2%, #d6b280 77.4%, #dab47d 80.6%, #deb679 83.9%, #e1b974 87.1%, #e3bb6f 90.3%, #e4bd6a 93.5%, #e5be66 96.8%, #e7c063 100.0%);
background: linear-gradient(45deg in oklch, oklch(32.28% 0.0813 267.19) 0.0%, oklch(33.58% 0.0816 267.31) 3.2%, oklch(35.25% 0.0820 268.34) 6.5%, oklch(37.23% 0.0826 269.86) 9.7%, oklch(39.45% 0.0832 271.48) 12.9%, oklch(41.84% 0.0839 272.78) 16.1%, oklch(44.33% 0.0844 273.36) 19.4%, oklch(46.87% 0.0848 272.81) 22.6%, oklch(49.37% 0.0850 270.74) 25.8%, oklch(51.78% 0.0848 266.73) 29.0%, oklch(54.02% 0.0843 260.38) 32.3%, oklch(56.11% 0.0832 250.99) 35.5%, oklch(58.23% 0.0812 237.77) 38.7%, oklch(60.39% 0.0785 221.50) 41.9%, oklch(62.54% 0.0753 203.07) 45.2%, oklch(64.66% 0.0720 183.34) 48.4%, oklch(66.72% 0.0688 163.20) 51.6%, oklch(68.70% 0.0660 143.54) 54.8%, oklch(70.57% 0.0638 125.22) 58.1%, oklch(72.31% 0.0626 109.13) 61.3%, oklch(73.87% 0.0626 96.15) 64.5%, oklch(75.24% 0.0641 87.06) 67.7%, oklch(76.44% 0.0673 81.15) 71.0%, oklch(77.49% 0.0720 77.72) 74.2%, oklch(78.41% 0.0779 76.32) 77.4%, oklch(79.21% 0.0845 76.51) 80.6%, oklch(79.91% 0.0915 77.85) 83.9%, oklch(80.51% 0.0986 79.91) 87.1%, oklch(81.04% 0.1053 82.24) 90.3%, oklch(81.50% 0.1113 84.41) 93.5%, oklch(81.91% 0.1163 85.97) 96.8%, oklch(82.28% 0.1199 86.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.081 | 267.2 |
| 2 | 0.547 | 0.084 | 257.7 |
| 3 | 0.748 | 0.063 | 89.7 |
| 4 | 0.823 | 0.12 | 86.5 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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