# Blue and stone holographic palette

The Blue and stone holographic palette brings together dark blue, blue, light blue, and light magenta. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light magenta.

- Also called: Analogous navy, gray and lavender radial gradient
- Seed: `kUOiu2upzAtmRQnsi0WA`
- Page: https://grabient.com/kUOiu2upzAtmRQnsi0WA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.7 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 | `#081c38` | `oklch(22.83% 0.0593 256.64)` | Naval Night | white, 17 to 1 |
| 2 | `#0b1f3c` | `oklch(24.16% 0.0606 256.94)` | Midnight Mirage | white, 16.4 to 1 |
| 3 | `#0e2341` | `oklch(25.85% 0.0625 257.25)` | Dark Eclipse | white, 15.6 to 1 |
| 4 | `#122848` | `oklch(27.84% 0.0650 257.58)` | Rurikon Blue | white, 14.7 to 1 |
| 5 | `#172e4f` | `oklch(30.08% 0.0677 257.95)` | Midnight Ocean | white, 13.6 to 1 |
| 6 | `#1c3458` | `oklch(32.51% 0.0704 258.41)` | Incremental Blue | white, 12.4 to 1 |
| 7 | `#223a60` | `oklch(35.05% 0.0731 258.95)` | Navy Peony | white, 11.3 to 1 |
| 8 | `#294169` | `oklch(37.66% 0.0754 259.62)` | Nightlife | white, 10.1 to 1 |
| 9 | `#2f4872` | `oklch(40.28% 0.0773 260.42)` | Enchanted Navy | white, 9.1 to 1 |
| 10 | `#374f7a` | `oklch(42.84% 0.0784 261.39)` | High Altar | white, 8.2 to 1 |
| 11 | `#3e5582` | `oklch(45.28% 0.0787 262.55)` | Deep Azure | white, 7.3 to 1 |
| 12 | `#465c89` | `oklch(47.62% 0.0779 263.88)` | Anchor Point | white, 6.6 to 1 |
| 13 | `#4e628f` | `oklch(50.04% 0.0762 265.26)` | Breathtaking | white, 6 to 1 |
| 14 | `#576995` | `oklch(52.51% 0.0736 266.73)` | UCLA Blue | white, 5.4 to 1 |
| 15 | `#60709b` | `oklch(55.02% 0.0704 268.32)` | Blueberry Patch | white, 4.8 to 1 |
| 16 | `#6977a1` | `oklch(57.53% 0.0668 270.04)` | Blue Batik | black, 4.7 to 1 |
| 17 | `#737ea7` | `oklch(60.02% 0.0630 271.95)` | Lavender Violet | black, 5.2 to 1 |
| 18 | `#7c85ac` | `oklch(62.46% 0.0590 274.06)` | Corsican Purple | black, 5.8 to 1 |
| 19 | `#858cb1` | `oklch(64.82% 0.0552 276.42)` | Skysail Blue | black, 6.3 to 1 |
| 20 | `#8e93b5` | `oklch(67.06% 0.0517 279.05)` | Fresh Lavender | black, 6.9 to 1 |
| 21 | `#9699ba` | `oklch(69.16% 0.0486 281.98)` | Thistle Down | black, 7.5 to 1 |
| 22 | `#9e9ebe` | `oklch(71.11% 0.0461 285.28)` | House of Owen | black, 8.1 to 1 |
| 23 | `#a6a4c2` | `oklch(72.97% 0.0439 289.30)` | Canyon Mist | black, 8.6 to 1 |
| 24 | `#aea9c6` | `oklch(74.79% 0.0418 294.00)` | Instigate | black, 9.2 to 1 |
| 25 | `#b6aec9` | `oklch(76.53% 0.0398 299.18)` | Lavender Dream | black, 9.8 to 1 |
| 26 | `#bdb2cc` | `oklch(78.18% 0.0380 304.62)` | Violet Beauty | black, 10.4 to 1 |
| 27 | `#c4b7cf` | `oklch(79.73% 0.0363 310.13)` | Sweet Scent | black, 11 to 1 |
| 28 | `#cabbd1` | `oklch(81.16% 0.0348 315.51)` | Sweet Petal | black, 11.5 to 1 |
| 29 | `#d0bfd3` | `oklch(82.47% 0.0335 320.55)` | Cosmetic Mauve | black, 12 to 1 |
| 30 | `#d5c3d5` | `oklch(83.62% 0.0322 325.06)` | Seedless Grape | black, 12.5 to 1 |
| 31 | `#d9c6d7` | `oklch(84.62% 0.0312 328.83)` | Euphoric Lilac | black, 12.9 to 1 |
| 32 | `#dcc8d8` | `oklch(85.43% 0.0303 331.67)` | Sleepy Kisses | black, 13.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #081c38 0.0%, #0b1f3c 3.2%, #0e2341 6.5%, #122848 9.7%, #172e4f 12.9%, #1c3458 16.1%, #223a60 19.4%, #294169 22.6%, #2f4872 25.8%, #374f7a 29.0%, #3e5582 32.3%, #465c89 35.5%, #4e628f 38.7%, #576995 41.9%, #60709b 45.2%, #6977a1 48.4%, #737ea7 51.6%, #7c85ac 54.8%, #858cb1 58.1%, #8e93b5 61.3%, #9699ba 64.5%, #9e9ebe 67.7%, #a6a4c2 71.0%, #aea9c6 74.2%, #b6aec9 77.4%, #bdb2cc 80.6%, #c4b7cf 83.9%, #cabbd1 87.1%, #d0bfd3 90.3%, #d5c3d5 93.5%, #d9c6d7 96.8%, #dcc8d8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0593 256.64) 0.0%, oklch(24.16% 0.0606 256.94) 3.2%, oklch(25.85% 0.0625 257.25) 6.5%, oklch(27.84% 0.0650 257.58) 9.7%, oklch(30.08% 0.0677 257.95) 12.9%, oklch(32.51% 0.0704 258.41) 16.1%, oklch(35.05% 0.0731 258.95) 19.4%, oklch(37.66% 0.0754 259.62) 22.6%, oklch(40.28% 0.0773 260.42) 25.8%, oklch(42.84% 0.0784 261.39) 29.0%, oklch(45.28% 0.0787 262.55) 32.3%, oklch(47.62% 0.0779 263.88) 35.5%, oklch(50.04% 0.0762 265.26) 38.7%, oklch(52.51% 0.0736 266.73) 41.9%, oklch(55.02% 0.0704 268.32) 45.2%, oklch(57.53% 0.0668 270.04) 48.4%, oklch(60.02% 0.0630 271.95) 51.6%, oklch(62.46% 0.0590 274.06) 54.8%, oklch(64.82% 0.0552 276.42) 58.1%, oklch(67.06% 0.0517 279.05) 61.3%, oklch(69.16% 0.0486 281.98) 64.5%, oklch(71.11% 0.0461 285.28) 67.7%, oklch(72.97% 0.0439 289.30) 71.0%, oklch(74.79% 0.0418 294.00) 74.2%, oklch(76.53% 0.0398 299.18) 77.4%, oklch(78.18% 0.0380 304.62) 80.6%, oklch(79.73% 0.0363 310.13) 83.9%, oklch(81.16% 0.0348 315.51) 87.1%, oklch(82.47% 0.0335 320.55) 90.3%, oklch(83.62% 0.0322 325.06) 93.5%, oklch(84.62% 0.0312 328.83) 96.8%, oklch(85.43% 0.0303 331.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.059 | 256.6 |
| 2 | 0.461 | 0.079 | 263 |
| 3 | 0.705 | 0.047 | 284.1 |
| 4 | 0.854 | 0.03 | 331.7 |

## In these collections

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

## Other forms

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