# Dusty blue, rose and ochre holographic palette

The Dusty blue, rose and ochre holographic palette brings together gray, teal, blue, magenta, light magenta, off-white, and yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is off-white.

- Also called: Navy, pink, white and tan radial gradient
- Seed: `kaWhGxQxk8UgjSNUqsYbo6_PsCz3eor4g`
- Page: https://grabient.com/kaWhGxQxk8UgjSNUqsYbo6_PsCz3eor4g?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.2 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 | `#323d48` | `oklch(35.43% 0.0234 248.91)` | Pitch Cobalt | white, 11 to 1 |
| 2 | `#354451` | `oklch(37.90% 0.0296 243.31)` | Starlit Eve | white, 10 to 1 |
| 3 | `#374f5e` | `oklch(41.49% 0.0385 234.42)` | Cello | white, 8.5 to 1 |
| 4 | `#385d6b` | `oklch(45.55% 0.0488 225.21)` | Under the Sea | white, 7.1 to 1 |
| 5 | `#376a78` | `oklch(49.41% 0.0589 218.63)` | Mammoth Mountain | white, 6 to 1 |
| 6 | `#377484` | `oklch(52.39% 0.0677 217.67)` | Clear Viridian | white, 5.2 to 1 |
| 7 | `#38788f` | `oklch(54.09% 0.0744 224.62)` | Adventure | white, 4.9 to 1 |
| 8 | `#40789b` | `oklch(54.90% 0.0803 238.02)` | Cry Me a River | white, 4.8 to 1 |
| 9 | `#4f74a4` | `oklch(55.26% 0.0855 255.07)` | Great Serpent | white, 4.7 to 1 |
| 10 | `#626fa8` | `oklch(55.59% 0.0903 272.97)` | Dormitory | white, 4.8 to 1 |
| 11 | `#746caa` | `oklch(56.30% 0.0949 288.90)` | Wintertime Mauve | white, 4.7 to 1 |
| 12 | `#846aab` | `oklch(57.60% 0.1002 301.53)` | Fairy Wren | black, 4.6 to 1 |
| 13 | `#9469aa` | `oklch(59.06% 0.1071 313.76)` | Knight Elf | black, 4.8 to 1 |
| 14 | `#a569a8` | `oklch(60.73% 0.1138 325.17)` | Iris Orchid | black, 5.1 to 1 |
| 15 | `#b46ba5` | `oklch(62.72% 0.1185 334.98)` | Pink Parade | black, 5.5 to 1 |
| 16 | `#c171a3` | `oklch(65.14% 0.1190 342.45)` | Crocus | black, 6.1 to 1 |
| 17 | `#cb7ba7` | `oklch(68.14% 0.1133 346.17)` | Heartbreaker | black, 6.9 to 1 |
| 18 | `#d18bb5` | `oklch(72.02% 0.1006 343.37)` | High Maintenance | black, 8 to 1 |
| 19 | `#d69ec5` | `oklch(76.40% 0.0834 337.45)` | Prominent Pink | black, 9.5 to 1 |
| 20 | `#dab1d3` | `oklch(80.82% 0.0650 332.66)` | Bff | black, 11.2 to 1 |
| 21 | `#e1c2db` | `oklch(84.81% 0.0485 333.25)` | Dog Rose | black, 12.9 to 1 |
| 22 | `#eacede` | `oklch(88.01% 0.0363 343.59)` | LA Vibes | black, 14.4 to 1 |
| 23 | `#f2dbdf` | `oklch(91.10% 0.0253 6.39)` | Fancy Pants | black, 15.9 to 1 |
| 24 | `#f5e8e4` | `oklch(93.98% 0.0152 36.73)` | Impure White | black, 17.5 to 1 |
| 25 | `#f6f1ed` | `oklch(96.17% 0.0079 68.46)` | Soft Breeze | black, 18.7 to 1 |
| 26 | `#f7f6f2` | `oklch(97.21% 0.0049 95.41)` | Ultra White | black, 19.3 to 1 |
| 27 | `#f4f4ee` | `oklch(96.60% 0.0079 111.49)` | Morning Snow | black, 19 to 1 |
| 28 | `#e9ecdc` | `oklch(93.52% 0.0203 116.00)` | Really Rain | black, 17.4 to 1 |
| 29 | `#d9ddbf` | `oklch(88.58% 0.0398 113.12)` | Garden Gate | black, 15 to 1 |
| 30 | `#ccca9c` | `oklch(82.95% 0.0618 106.32)` | Shagreen | black, 12.5 to 1 |
| 31 | `#c3b87b` | `oklch(77.83% 0.0817 99.11)` | Olive Marinade | black, 10.4 to 1 |
| 32 | `#bfac64` | `oklch(74.41% 0.0951 94.97)` | Slender Stem | black, 9.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #323d48 0.0%, #354451 3.2%, #374f5e 6.5%, #385d6b 9.7%, #376a78 12.9%, #377484 16.1%, #38788f 19.4%, #40789b 22.6%, #4f74a4 25.8%, #626fa8 29.0%, #746caa 32.3%, #846aab 35.5%, #9469aa 38.7%, #a569a8 41.9%, #b46ba5 45.2%, #c171a3 48.4%, #cb7ba7 51.6%, #d18bb5 54.8%, #d69ec5 58.1%, #dab1d3 61.3%, #e1c2db 64.5%, #eacede 67.7%, #f2dbdf 71.0%, #f5e8e4 74.2%, #f6f1ed 77.4%, #f7f6f2 80.6%, #f4f4ee 83.9%, #e9ecdc 87.1%, #d9ddbf 90.3%, #ccca9c 93.5%, #c3b87b 96.8%, #bfac64 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(35.43% 0.0234 248.91) 0.0%, oklch(37.90% 0.0296 243.31) 3.2%, oklch(41.49% 0.0385 234.42) 6.5%, oklch(45.55% 0.0488 225.21) 9.7%, oklch(49.41% 0.0589 218.63) 12.9%, oklch(52.39% 0.0677 217.67) 16.1%, oklch(54.09% 0.0744 224.62) 19.4%, oklch(54.90% 0.0803 238.02) 22.6%, oklch(55.26% 0.0855 255.07) 25.8%, oklch(55.59% 0.0903 272.97) 29.0%, oklch(56.30% 0.0949 288.90) 32.3%, oklch(57.60% 0.1002 301.53) 35.5%, oklch(59.06% 0.1071 313.76) 38.7%, oklch(60.73% 0.1138 325.17) 41.9%, oklch(62.72% 0.1185 334.98) 45.2%, oklch(65.14% 0.1190 342.45) 48.4%, oklch(68.14% 0.1133 346.17) 51.6%, oklch(72.02% 0.1006 343.37) 54.8%, oklch(76.40% 0.0834 337.45) 58.1%, oklch(80.82% 0.0650 332.66) 61.3%, oklch(84.81% 0.0485 333.25) 64.5%, oklch(88.01% 0.0363 343.59) 67.7%, oklch(91.10% 0.0253 6.39) 71.0%, oklch(93.98% 0.0152 36.73) 74.2%, oklch(96.17% 0.0079 68.46) 77.4%, oklch(97.21% 0.0049 95.41) 80.6%, oklch(96.60% 0.0079 111.49) 83.9%, oklch(93.52% 0.0203 116.00) 87.1%, oklch(88.58% 0.0398 113.12) 90.3%, oklch(82.95% 0.0618 106.32) 93.5%, oklch(77.83% 0.0817 99.11) 96.8%, oklch(74.41% 0.0951 94.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.023 | 248.9 |
| 2 | 0.528 | 0.069 | 218.3 |
| 3 | 0.567 | 0.096 | 293.3 |
| 4 | 0.665 | 0.117 | 345.1 |
| 5 | 0.87 | 0.04 | 338.7 |
| 6 | 0.969 | 0.007 | 469.8 |
| 7 | 0.744 | 0.095 | 455 |

## In these collections

- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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