# Parchment Mauve and Dusty Blue

This palette moves from blue through orange to pale orange. It steadily lightens across a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits stationery systems and print layouts, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Blue to beige linear gradient
- Seed: `kScSqsUJjU26Pwq`
- Page: https://grabient.com/kScSqsUJjU26Pwq?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, muted, warm
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 5 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 | `#365871` | `oklch(44.49% 0.0579 241.87)` | Winner’s Circle | white, 7.5 to 1 |
| 2 | `#3b5975` | `oklch(45.16% 0.0583 248.58)` | Express Blue | white, 7.3 to 1 |
| 3 | `#435979` | `oklch(45.97% 0.0589 257.12)` | Newburyport | white, 7.1 to 1 |
| 4 | `#4b5a7c` | `oklch(46.89% 0.0597 267.24)` | Dark Iris | white, 6.8 to 1 |
| 5 | `#565a7f` | `oklch(47.91% 0.0605 278.67)` | Deep Lavender | white, 6.6 to 1 |
| 6 | `#605a81` | `oklch(49.02% 0.0615 291.14)` | Psychic | white, 6.3 to 1 |
| 7 | `#6c5b81` | `oklch(50.21% 0.0625 304.39)` | Concord Jam | white, 6 to 1 |
| 8 | `#775c7f` | `oklch(51.48% 0.0635 318.16)` | Mystical Purple | white, 5.8 to 1 |
| 9 | `#825d7c` | `oklch(52.80% 0.0645 332.17)` | Trendy Pink | white, 5.5 to 1 |
| 10 | `#8b6077` | `oklch(54.16% 0.0654 346.17)` | Victorian Plum | white, 5.2 to 1 |
| 11 | `#946372` | `oklch(55.56% 0.0662 359.88)` | Forest Berry | white, 4.9 to 1 |
| 12 | `#9b676c` | `oklch(56.99% 0.0669 13.04)` | Red Grey | white, 4.6 to 1 |
| 13 | `#a06c67` | `oklch(58.43% 0.0675 25.39)` | Terra Rose | black, 4.8 to 1 |
| 14 | `#a47263` | `oklch(59.86% 0.0678 36.66)` | Toasted Nutmeg | black, 5.1 to 1 |
| 15 | `#a77861` | `oklch(61.29% 0.0679 46.58)` | Clay Court | black, 5.4 to 1 |
| 16 | `#a97e61` | `oklch(62.70% 0.0677 54.89)` | S’mores | black, 5.8 to 1 |
| 17 | `#ab8362` | `oklch(64.09% 0.0672 61.43)` | Sylvaneth Bark | black, 6.1 to 1 |
| 18 | `#ad8965` | `oklch(65.59% 0.0664 66.75)` | Chamois Leather | black, 6.5 to 1 |
| 19 | `#b08f69` | `oklch(67.19% 0.0652 71.05)` | Beast Hide | black, 6.9 to 1 |
| 20 | `#b3966f` | `oklch(68.87% 0.0638 74.43)` | Creamy Caramel | black, 7.4 to 1 |
| 21 | `#b69c75` | `oklch(70.60% 0.0621 77.00)` | King’s Ransom | black, 7.9 to 1 |
| 22 | `#baa27b` | `oklch(72.38% 0.0603 78.86)` | Satyr Brown | black, 8.5 to 1 |
| 23 | `#bfa882` | `oklch(74.16% 0.0583 80.12)` | Handwoven | black, 9.1 to 1 |
| 24 | `#c3ae89` | `oklch(75.94% 0.0562 80.88)` | Desert Camel | black, 9.7 to 1 |
| 25 | `#c8b390` | `oklch(77.68% 0.0542 81.25)` | Tropical Tan | black, 10.3 to 1 |
| 26 | `#cdb996` | `oklch(79.36% 0.0521 81.33)` | Baker’s Dozen | black, 10.9 to 1 |
| 27 | `#d2be9d` | `oklch(80.97% 0.0501 81.22)` | Eire | black, 11.5 to 1 |
| 28 | `#d6c3a3` | `oklch(82.47% 0.0482 81.04)` | Birch Beige | black, 12.1 to 1 |
| 29 | `#dac8a8` | `oklch(83.85% 0.0465 80.88)` | Believable Buff | black, 12.7 to 1 |
| 30 | `#ddccae` | `oklch(85.08% 0.0450 80.85)` | Tatami | black, 13.2 to 1 |
| 31 | `#e0cfb2` | `oklch(86.14% 0.0437 81.06)` | Almond Silk | black, 13.7 to 1 |
| 32 | `#e3d2b5` | `oklch(87.01% 0.0427 81.60)` | Comfy Beige | black, 14.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #365871 0.0%, #3b5975 3.2%, #435979 6.5%, #4b5a7c 9.7%, #565a7f 12.9%, #605a81 16.1%, #6c5b81 19.4%, #775c7f 22.6%, #825d7c 25.8%, #8b6077 29.0%, #946372 32.3%, #9b676c 35.5%, #a06c67 38.7%, #a47263 41.9%, #a77861 45.2%, #a97e61 48.4%, #ab8362 51.6%, #ad8965 54.8%, #b08f69 58.1%, #b3966f 61.3%, #b69c75 64.5%, #baa27b 67.7%, #bfa882 71.0%, #c3ae89 74.2%, #c8b390 77.4%, #cdb996 80.6%, #d2be9d 83.9%, #d6c3a3 87.1%, #dac8a8 90.3%, #ddccae 93.5%, #e0cfb2 96.8%, #e3d2b5 100.0%);
background: linear-gradient(225deg in oklch, oklch(44.49% 0.0579 241.87) 0.0%, oklch(45.16% 0.0583 248.58) 3.2%, oklch(45.97% 0.0589 257.12) 6.5%, oklch(46.89% 0.0597 267.24) 9.7%, oklch(47.91% 0.0605 278.67) 12.9%, oklch(49.02% 0.0615 291.14) 16.1%, oklch(50.21% 0.0625 304.39) 19.4%, oklch(51.48% 0.0635 318.16) 22.6%, oklch(52.80% 0.0645 332.17) 25.8%, oklch(54.16% 0.0654 346.17) 29.0%, oklch(55.56% 0.0662 359.88) 32.3%, oklch(56.99% 0.0669 13.04) 35.5%, oklch(58.43% 0.0675 25.39) 38.7%, oklch(59.86% 0.0678 36.66) 41.9%, oklch(61.29% 0.0679 46.58) 45.2%, oklch(62.70% 0.0677 54.89) 48.4%, oklch(64.09% 0.0672 61.43) 51.6%, oklch(65.59% 0.0664 66.75) 54.8%, oklch(67.19% 0.0652 71.05) 58.1%, oklch(68.87% 0.0638 74.43) 61.3%, oklch(70.60% 0.0621 77.00) 64.5%, oklch(72.38% 0.0603 78.86) 67.7%, oklch(74.16% 0.0583 80.12) 71.0%, oklch(75.94% 0.0562 80.88) 74.2%, oklch(77.68% 0.0542 81.25) 77.4%, oklch(79.36% 0.0521 81.33) 80.6%, oklch(80.97% 0.0501 81.22) 83.9%, oklch(82.47% 0.0482 81.04) 87.1%, oklch(83.85% 0.0465 80.88) 90.3%, oklch(85.08% 0.0450 80.85) 93.5%, oklch(86.14% 0.0437 81.06) 96.8%, oklch(87.01% 0.0427 81.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.058 | 241.9 |
| 2 | 0.634 | 0.068 | 418.4 |
| 3 | 0.87 | 0.043 | 441.6 |

## In these collections

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

## Other forms

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