# Tan, navy and peach color palette

The Tan, navy and peach color palette brings together light orange, purple, blue, and light red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Gray, purple, blue and peach linear gradient
- Seed: `kWvBs8wS2vC8eurbtE25h1Eo`
- Page: https://grabient.com/kWvBs8wS2vC8eurbtE25h1Eo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#b6aa91` | `oklch(74.02% 0.0372 85.08)` | Universal Khaki | black, 9.1 to 1 |
| 2 | `#b7a186` | `oklch(72.12% 0.0452 72.94)` | Craft Brown | black, 8.4 to 1 |
| 3 | `#b9947b` | `oklch(69.53% 0.0569 55.97)` | Cool Clay | black, 7.6 to 1 |
| 4 | `#bb8476` | `oklch(66.44% 0.0709 35.71)` | Dusky Damask | black, 6.6 to 1 |
| 5 | `#b7737a` | `oklch(63.05% 0.0857 13.73)` | Hollyhock Bloom | black, 5.7 to 1 |
| 6 | `#ac6586` | `oklch(59.57% 0.1001 351.58)` | Wild Mulberry | black, 4.9 to 1 |
| 7 | `#9a5b93` | `oklch(56.20% 0.1125 330.80)` | Bermuda Onion | white, 4.8 to 1 |
| 8 | `#84559e` | `oklch(53.15% 0.1216 312.95)` | Royal Lilac | white, 5.5 to 1 |
| 9 | `#7051a2` | `oklch(50.57% 0.1260 299.42)` | Studio | white, 6.1 to 1 |
| 10 | `#5b4f9f` | `oklch(47.87% 0.1250 287.93)` | Coronation Blue | white, 6.8 to 1 |
| 11 | `#474c96` | `oklch(44.96% 0.1199 277.54)` | Deep Ultramarine | white, 7.7 to 1 |
| 12 | `#34488a` | `oklch(42.11% 0.1121 268.66)` | Truth | white, 8.6 to 1 |
| 13 | `#26447d` | `oklch(39.58% 0.1031 261.67)` | Sodalite Blue | white, 9.4 to 1 |
| 14 | `#1d4172` | `oklch(37.63% 0.0945 257.00)` | Aegean Blue | white, 10.2 to 1 |
| 15 | `#1b3f6b` | `oklch(36.52% 0.0877 255.03)` | Aegean Blue | white, 10.6 to 1 |
| 16 | `#1e3f6a` | `oklch(36.52% 0.0841 256.17)` | Limoges | white, 10.6 to 1 |
| 17 | `#27416f` | `oklch(37.93% 0.0853 261.15)` | Mystification | white, 10.1 to 1 |
| 18 | `#39467c` | `oklch(41.10% 0.0910 271.57)` | Expressionism | white, 8.9 to 1 |
| 19 | `#534d8c` | `oklch(45.61% 0.1000 286.32)` | Purple Corallite | white, 7.4 to 1 |
| 20 | `#745499` | `oklch(50.99% 0.1108 303.88)` | Juneberry | white, 6 to 1 |
| 21 | `#985ca0` | `oklch(56.73% 0.1220 322.71)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 22 | `#bc649e` | `oklch(62.36% 0.1321 341.29)` | Young Purple | black, 5.4 to 1 |
| 23 | `#d96e96` | `oklch(67.38% 0.1396 358.09)` | Paris Pink | black, 6.6 to 1 |
| 24 | `#ed798b` | `oklch(71.30% 0.1432 11.59)` | Flower Blossom Pink | black, 7.7 to 1 |
| 25 | `#f78383` | `oklch(73.94% 0.1417 21.34)` | Shell Pink | black, 8.5 to 1 |
| 26 | `#fb8d7d` | `oklch(75.89% 0.1360 29.28)` | Hot Calypso | black, 9.2 to 1 |
| 27 | `#fb967c` | `oklch(77.29% 0.1273 35.77)` | Parma Ham | black, 9.7 to 1 |
| 28 | `#f89e7d` | `oklch(78.27% 0.1167 41.04)` | Tropical Paradise | black, 10.1 to 1 |
| 29 | `#f3a581` | `oklch(78.95% 0.1055 45.30)` | Coral Silk | black, 10.4 to 1 |
| 30 | `#eeaa86` | `oklch(79.43% 0.0948 48.80)` | Coral Dust | black, 10.7 to 1 |
| 31 | `#eaae8a` | `oklch(79.85% 0.0859 51.77)` | Coral Dust | black, 10.9 to 1 |
| 32 | `#e8b18e` | `oklch(80.31% 0.0799 54.43)` | Trick or Treat | black, 11.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #b6aa91 0.0%, #b7a186 3.2%, #b9947b 6.5%, #bb8476 9.7%, #b7737a 12.9%, #ac6586 16.1%, #9a5b93 19.4%, #84559e 22.6%, #7051a2 25.8%, #5b4f9f 29.0%, #474c96 32.3%, #34488a 35.5%, #26447d 38.7%, #1d4172 41.9%, #1b3f6b 45.2%, #1e3f6a 48.4%, #27416f 51.6%, #39467c 54.8%, #534d8c 58.1%, #745499 61.3%, #985ca0 64.5%, #bc649e 67.7%, #d96e96 71.0%, #ed798b 74.2%, #f78383 77.4%, #fb8d7d 80.6%, #fb967c 83.9%, #f89e7d 87.1%, #f3a581 90.3%, #eeaa86 93.5%, #eaae8a 96.8%, #e8b18e 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.02% 0.0372 85.08) 0.0%, oklch(72.12% 0.0452 72.94) 3.2%, oklch(69.53% 0.0569 55.97) 6.5%, oklch(66.44% 0.0709 35.71) 9.7%, oklch(63.05% 0.0857 13.73) 12.9%, oklch(59.57% 0.1001 351.58) 16.1%, oklch(56.20% 0.1125 330.80) 19.4%, oklch(53.15% 0.1216 312.95) 22.6%, oklch(50.57% 0.1260 299.42) 25.8%, oklch(47.87% 0.1250 287.93) 29.0%, oklch(44.96% 0.1199 277.54) 32.3%, oklch(42.11% 0.1121 268.66) 35.5%, oklch(39.58% 0.1031 261.67) 38.7%, oklch(37.63% 0.0945 257.00) 41.9%, oklch(36.52% 0.0877 255.03) 45.2%, oklch(36.52% 0.0841 256.17) 48.4%, oklch(37.93% 0.0853 261.15) 51.6%, oklch(41.10% 0.0910 271.57) 54.8%, oklch(45.61% 0.1000 286.32) 58.1%, oklch(50.99% 0.1108 303.88) 61.3%, oklch(56.73% 0.1220 322.71) 64.5%, oklch(62.36% 0.1321 341.29) 67.7%, oklch(67.38% 0.1396 358.09) 71.0%, oklch(71.30% 0.1432 11.59) 74.2%, oklch(73.94% 0.1417 21.34) 77.4%, oklch(75.89% 0.1360 29.28) 80.6%, oklch(77.29% 0.1273 35.77) 83.9%, oklch(78.27% 0.1167 41.04) 87.1%, oklch(78.95% 0.1055 45.30) 90.3%, oklch(79.43% 0.0948 48.80) 93.5%, oklch(79.85% 0.0859 51.77) 96.8%, oklch(80.31% 0.0799 54.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.037 | 85.1 |
| 2 | 0.512 | 0.125 | -57.6 |
| 3 | 0.37 | 0.084 | -102 |
| 4 | 0.72 | 0.143 | 14.3 |
| 5 | 0.803 | 0.08 | 54.4 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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