# Cream Dusty Rose Navy

This linear gradient moves through cream, dusty rose, navy, gray, and tan in its saved order. The complete composition preserves clear value changes and balanced color weight across every visible area. It suits atmospheric backgrounds, album covers, presentations, and interface panels, with lighter fields for breathing room and darker fields for type, borders, or focused accents.

- Also called: Pink, navy, gray and tan linear gradient
- Seed: `kW4x0jwZw0auUOdQiTb26Cvo`
- Page: https://grabient.com/kW4x0jwZw0auUOdQiTb26Cvo?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, muted, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.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 | `#f3d5c5` | `oklch(89.37% 0.0400 49.92)` | Melon Pink | black, 15.1 to 1 |
| 2 | `#ecc9bc` | `oklch(86.19% 0.0434 41.81)` | Baked Ham | black, 13.6 to 1 |
| 3 | `#e1b9b1` | `oklch(81.80% 0.0484 30.62)` | Cavern Pink | black, 11.7 to 1 |
| 4 | `#d3a5a6` | `oklch(76.55% 0.0544 17.27)` | Pink Cocoa Cupcake | black, 9.7 to 1 |
| 5 | `#c2929d` | `oklch(70.83% 0.0607 2.69)` | Grey Pink | black, 7.8 to 1 |
| 6 | `#ae7f97` | `oklch(65.01% 0.0668 347.79)` | Capri Fashion Pink | black, 6.2 to 1 |
| 7 | `#996f91` | `oklch(59.47% 0.0720 333.50)` | Felicia | black, 5 to 1 |
| 8 | `#85628c` | `oklch(54.58% 0.0757 320.73)` | Swiss Lilac | white, 5.1 to 1 |
| 9 | `#735886` | `oklch(50.68% 0.0774 310.36)` | Emperor Jewel | white, 6 to 1 |
| 10 | `#63507f` | `oklch(47.11% 0.0771 302.04)` | Virtual Violet | white, 7 to 1 |
| 11 | `#554977` | `oklch(43.66% 0.0753 295.07)` | Red Cabbage | white, 8 to 1 |
| 12 | `#48426e` | `oklch(40.49% 0.0725 289.01)` | Izmir Purple | white, 9.2 to 1 |
| 13 | `#3d3c65` | `oklch(37.78% 0.0689 283.41)` | Storm Is Coming | white, 10.2 to 1 |
| 14 | `#34385e` | `oklch(35.68% 0.0649 277.82)` | Very Blue | white, 11.1 to 1 |
| 15 | `#2e3758` | `oklch(34.37% 0.0608 271.79)` | Mediaeval Blue | white, 11.6 to 1 |
| 16 | `#293756` | `oklch(34.02% 0.0569 264.86)` | Mediaeval Blue | white, 11.8 to 1 |
| 17 | `#283b56` | `oklch(34.86% 0.0532 256.82)` | Nautilus | white, 11.3 to 1 |
| 18 | `#2c4359` | `oklch(37.28% 0.0483 248.65)` | Moonlit Ocean | white, 10.2 to 1 |
| 19 | `#354d5f` | `oklch(40.93% 0.0426 240.34)` | Ingénue Blue | white, 8.7 to 1 |
| 20 | `#425a67` | `oklch(45.40% 0.0367 231.64)` | Saxon Blue | white, 7.2 to 1 |
| 21 | `#516871` | `oklch(50.24% 0.0312 222.31)` | Jabłoński Grey | white, 5.8 to 1 |
| 22 | `#60767b` | `oklch(55.03% 0.0269 212.13)` | Sea Beast | white, 4.7 to 1 |
| 23 | `#6e8384` | `oklch(59.34% 0.0244 200.85)` | Trooper | black, 5.2 to 1 |
| 24 | `#788d8b` | `oklch(62.73% 0.0243 188.23)` | Northern Juniper | black, 6 to 1 |
| 25 | `#7f958e` | `oklch(65.07% 0.0276 173.38)` | Tile Green | black, 6.5 to 1 |
| 26 | `#859c8c` | `oklch(66.90% 0.0343 155.25)` | Mother Earth | black, 7 to 1 |
| 27 | `#8ea085` | `oklch(68.32% 0.0434 135.03)` | Fresh Sod | black, 7.4 to 1 |
| 28 | `#9ca17a` | `oklch(69.42% 0.0539 114.01)` | French Parsley | black, 7.7 to 1 |
| 29 | `#ad9f71` | `oklch(70.26% 0.0648 93.46)` | Zucchini Garden | black, 7.9 to 1 |
| 30 | `#bd9b6c` | `oklch(70.93% 0.0751 74.66)` | Gould Gold | black, 8 to 1 |
| 31 | `#cb966e` | `oklch(71.50% 0.0837 58.90)` | Santa Fe Sunrise | black, 8.1 to 1 |
| 32 | `#d49474` | `oklch(72.05% 0.0896 47.46)` | Feldspar | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f3d5c5 0.0%, #ecc9bc 3.2%, #e1b9b1 6.5%, #d3a5a6 9.7%, #c2929d 12.9%, #ae7f97 16.1%, #996f91 19.4%, #85628c 22.6%, #735886 25.8%, #63507f 29.0%, #554977 32.3%, #48426e 35.5%, #3d3c65 38.7%, #34385e 41.9%, #2e3758 45.2%, #293756 48.4%, #283b56 51.6%, #2c4359 54.8%, #354d5f 58.1%, #425a67 61.3%, #516871 64.5%, #60767b 67.7%, #6e8384 71.0%, #788d8b 74.2%, #7f958e 77.4%, #859c8c 80.6%, #8ea085 83.9%, #9ca17a 87.1%, #ad9f71 90.3%, #bd9b6c 93.5%, #cb966e 96.8%, #d49474 100.0%);
background: linear-gradient(45deg in oklch, oklch(89.37% 0.0400 49.92) 0.0%, oklch(86.19% 0.0434 41.81) 3.2%, oklch(81.80% 0.0484 30.62) 6.5%, oklch(76.55% 0.0544 17.27) 9.7%, oklch(70.83% 0.0607 2.69) 12.9%, oklch(65.01% 0.0668 347.79) 16.1%, oklch(59.47% 0.0720 333.50) 19.4%, oklch(54.58% 0.0757 320.73) 22.6%, oklch(50.68% 0.0774 310.36) 25.8%, oklch(47.11% 0.0771 302.04) 29.0%, oklch(43.66% 0.0753 295.07) 32.3%, oklch(40.49% 0.0725 289.01) 35.5%, oklch(37.78% 0.0689 283.41) 38.7%, oklch(35.68% 0.0649 277.82) 41.9%, oklch(34.37% 0.0608 271.79) 45.2%, oklch(34.02% 0.0569 264.86) 48.4%, oklch(34.86% 0.0532 256.82) 51.6%, oklch(37.28% 0.0483 248.65) 54.8%, oklch(40.93% 0.0426 240.34) 58.1%, oklch(45.40% 0.0367 231.64) 61.3%, oklch(50.24% 0.0312 222.31) 64.5%, oklch(55.03% 0.0269 212.13) 67.7%, oklch(59.34% 0.0244 200.85) 71.0%, oklch(62.73% 0.0243 188.23) 74.2%, oklch(65.07% 0.0276 173.38) 77.4%, oklch(66.90% 0.0343 155.25) 80.6%, oklch(68.32% 0.0434 135.03) 83.9%, oklch(69.42% 0.0539 114.01) 87.1%, oklch(70.26% 0.0648 93.46) 90.3%, oklch(70.93% 0.0751 74.66) 93.5%, oklch(71.50% 0.0837 58.90) 96.8%, oklch(72.05% 0.0896 47.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.04 | 49.9 |
| 2 | 0.516 | 0.077 | -47.3 |
| 3 | 0.343 | 0.055 | -99.1 |
| 4 | 0.634 | 0.025 | -175.2 |
| 5 | 0.72 | 0.09 | -312.5 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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