# Stone and blue holographic palette

The Stone and blue holographic palette brings together light gray, off-white, light teal, blue, magenta, and dark blue. 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 dark blue, and its lightest tone is off-white.

- Also called: Gray, light blue, purple and navy radial gradient
- Seed: `kc1Amj-4M8milP9VJ8PxjPFkg2xgtnj9Jgm5g`
- Page: https://grabient.com/kc1Amj-4M8milP9VJ8PxjPFkg2xgtnj9Jgm5g?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#c1cacf` | `oklch(83.46% 0.0124 229.92)` | Bay of Hope | black, 12.6 to 1 |
| 2 | `#cbd3d6` | `oklch(86.21% 0.0098 224.87)` | Fairfax Grey | black, 13.8 to 1 |
| 3 | `#dbe0e1` | `oklch(90.36% 0.0053 217.44)` | Drifting Cloud | black, 15.7 to 1 |
| 4 | `#ebeded` | `oklch(94.44% 0.0025 209.56)` | Tropical Breeze | black, 17.8 to 1 |
| 5 | `#f2f6f6` | `oklch(96.99% 0.0048 203.19)` | White Smoke | black, 19.2 to 1 |
| 6 | `#e8f8f8` | `oklch(96.72% 0.0162 199.66)` | Calm Waters | black, 19.2 to 1 |
| 7 | `#cff4f4` | `oklch(94.07% 0.0378 197.57)` | Tinted Ice | black, 17.8 to 1 |
| 8 | `#aceced` | `oklch(90.05% 0.0638 196.91)` | Mint Macaron | black, 15.9 to 1 |
| 9 | `#86e2e4` | `oklch(85.64% 0.0878 197.93)` | Paradisiacal Getaway | black, 14 to 1 |
| 10 | `#66d8df` | `oklch(81.79% 0.1035 200.89)` | Aquamarine Blue | black, 12.4 to 1 |
| 11 | `#51ccdb` | `oklch(78.26% 0.1093 206.24)` | Watercourse | black, 11 to 1 |
| 12 | `#48bfd7` | `oklch(74.67% 0.1093 213.62)` | Bachelor Button | black, 9.6 to 1 |
| 13 | `#46b1d2` | `oklch(71.14% 0.1075 222.28)` | Santorini | black, 8.4 to 1 |
| 14 | `#46a3ce` | `oklch(67.82% 0.1078 231.51)` | Sea Ridge | black, 7.4 to 1 |
| 15 | `#4696cc` | `oklch(64.68% 0.1130 240.99)` | Perfect Sky | black, 6.5 to 1 |
| 16 | `#4988cb` | `oklch(61.48% 0.1209 251.36)` | Blue Sonki | black, 5.6 to 1 |
| 17 | `#517ac8` | `oklch(58.55% 0.1297 262.36)` | Serenity’s Reign | black, 4.9 to 1 |
| 18 | `#5d6cc5` | `oklch(56.23% 0.1377 273.64)` | Bluish Purple Anemone | white, 4.7 to 1 |
| 19 | `#6b61c0` | `oklch(54.89% 0.1433 285.04)` | Bluish Purple Anemone | white, 5.1 to 1 |
| 20 | `#7e5bbc` | `oklch(55.27% 0.1484 298.13)` | Fuchsia Blue | white, 5.1 to 1 |
| 21 | `#9457b6` | `oklch(56.57% 0.1526 311.85)` | Liberal Lilac | white, 4.8 to 1 |
| 22 | `#a454ab` | `oklch(57.55% 0.1541 324.07)` | Orchid Dottyback | white, 4.7 to 1 |
| 23 | `#a9509d` | `oklch(56.97% 0.1511 332.67)` | Orchid Dottyback | white, 4.8 to 1 |
| 24 | `#a0498c` | `oklch(53.84% 0.1417 336.79)` | Viva Magenta | white, 5.5 to 1 |
| 25 | `#8b3f79` | `oklch(48.77% 0.1267 337.78)` | Sister Loganberry Frost | white, 6.7 to 1 |
| 26 | `#733566` | `oklch(43.04% 0.1089 335.98)` | Ayame Iris | white, 8.5 to 1 |
| 27 | `#5d2e58` | `oklch(37.95% 0.0914 331.67)` | Japanese Violet | white, 10.5 to 1 |
| 28 | `#4d2a4f` | `oklch(34.64% 0.0765 324.68)` | Murasaki | white, 11.8 to 1 |
| 29 | `#3f2a4b` | `oklch(32.61% 0.0616 312.51)` | Jagger | white, 12.7 to 1 |
| 30 | `#342c46` | `oklch(31.35% 0.0472 297.70)` | Obsidian Lava Black | white, 13.1 to 1 |
| 31 | `#2d2d40` | `oklch(30.56% 0.0349 283.79)` | Navy Blazer | white, 13.4 to 1 |
| 32 | `#292d3b` | `oklch(29.92% 0.0262 274.31)` | Black Rock | white, 13.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c1cacf 0.0%, #cbd3d6 3.2%, #dbe0e1 6.5%, #ebeded 9.7%, #f2f6f6 12.9%, #e8f8f8 16.1%, #cff4f4 19.4%, #aceced 22.6%, #86e2e4 25.8%, #66d8df 29.0%, #51ccdb 32.3%, #48bfd7 35.5%, #46b1d2 38.7%, #46a3ce 41.9%, #4696cc 45.2%, #4988cb 48.4%, #517ac8 51.6%, #5d6cc5 54.8%, #6b61c0 58.1%, #7e5bbc 61.3%, #9457b6 64.5%, #a454ab 67.7%, #a9509d 71.0%, #a0498c 74.2%, #8b3f79 77.4%, #733566 80.6%, #5d2e58 83.9%, #4d2a4f 87.1%, #3f2a4b 90.3%, #342c46 93.5%, #2d2d40 96.8%, #292d3b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.46% 0.0124 229.92) 0.0%, oklch(86.21% 0.0098 224.87) 3.2%, oklch(90.36% 0.0053 217.44) 6.5%, oklch(94.44% 0.0025 209.56) 9.7%, oklch(96.99% 0.0048 203.19) 12.9%, oklch(96.72% 0.0162 199.66) 16.1%, oklch(94.07% 0.0378 197.57) 19.4%, oklch(90.05% 0.0638 196.91) 22.6%, oklch(85.64% 0.0878 197.93) 25.8%, oklch(81.79% 0.1035 200.89) 29.0%, oklch(78.26% 0.1093 206.24) 32.3%, oklch(74.67% 0.1093 213.62) 35.5%, oklch(71.14% 0.1075 222.28) 38.7%, oklch(67.82% 0.1078 231.51) 41.9%, oklch(64.68% 0.1130 240.99) 45.2%, oklch(61.48% 0.1209 251.36) 48.4%, oklch(58.55% 0.1297 262.36) 51.6%, oklch(56.23% 0.1377 273.64) 54.8%, oklch(54.89% 0.1433 285.04) 58.1%, oklch(55.27% 0.1484 298.13) 61.3%, oklch(56.57% 0.1526 311.85) 64.5%, oklch(57.55% 0.1541 324.07) 67.7%, oklch(56.97% 0.1511 332.67) 71.0%, oklch(53.84% 0.1417 336.79) 74.2%, oklch(48.77% 0.1267 337.78) 77.4%, oklch(43.04% 0.1089 335.98) 80.6%, oklch(37.95% 0.0914 331.67) 83.9%, oklch(34.64% 0.0765 324.68) 87.1%, oklch(32.61% 0.0616 312.51) 90.3%, oklch(31.35% 0.0472 297.70) 93.5%, oklch(30.56% 0.0349 283.79) 96.8%, oklch(29.92% 0.0262 274.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.012 | 229.9 |
| 2 | 0.972 | 0.008 | 201.4 |
| 3 | 0.823 | 0.102 | 200.3 |
| 4 | 0.669 | 0.109 | 234.1 |
| 5 | 0.551 | 0.142 | 281.7 |
| 6 | 0.567 | 0.15 | 333.5 |
| 7 | 0.358 | 0.083 | 328.2 |
| 8 | 0.299 | 0.026 | 274.3 |

## In these collections

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

## Other forms

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