# Cobalt blue, aqua and lilac holographic palette

The Cobalt blue, aqua and lilac holographic palette brings together blue, light blue, off-white, and light magenta. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Blue, gray and pink linear gradient
- Seed: `kUhju6YZi7XkFttoGSrA`
- Page: https://grabient.com/kUhju6YZi7XkFttoGSrA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, pastel, light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.6 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 | `#516b9a` | `oklch(52.76% 0.0813 261.56)` | San Marino | white, 5.3 to 1 |
| 2 | `#53709e` | `oklch(54.16% 0.0807 259.48)` | Chesty Bond | white, 5 to 1 |
| 3 | `#5676a3` | `oklch(55.98% 0.0801 257.03)` | Vinca | white, 4.6 to 1 |
| 4 | `#597da9` | `oklch(58.14% 0.0795 254.21)` | Blue Fin | black, 4.9 to 1 |
| 5 | `#5e85b0` | `oklch(60.56% 0.0787 251.02)` | Pacific Coast | black, 5.4 to 1 |
| 6 | `#638eb7` | `oklch(63.16% 0.0779 247.46)` | Blue Dazzle | black, 6 to 1 |
| 7 | `#6897be` | `oklch(65.86% 0.0767 243.55)` | Lupine Blue | black, 6.7 to 1 |
| 8 | `#6ea1c4` | `oklch(68.59% 0.0753 239.27)` | Air Superiority Blue | black, 7.5 to 1 |
| 9 | `#74aaca` | `oklch(71.25% 0.0735 234.64)` | Mirror Lake | black, 8.3 to 1 |
| 10 | `#7ab3cf` | `oklch(73.77% 0.0713 229.65)` | Alpine Sky | black, 9.1 to 1 |
| 11 | `#81bbd2` | `oklch(76.07% 0.0686 224.32)` | Petit Four | black, 9.9 to 1 |
| 12 | `#88c3d4` | `oklch(78.18% 0.0650 218.76)` | Dreaming Blue | black, 10.7 to 1 |
| 13 | `#92cad6` | `oklch(80.42% 0.0601 213.29)` | Idyllic Isle | black, 11.6 to 1 |
| 14 | `#9ed1d9` | `oklch(82.73% 0.0541 207.76)` | Tenzing | black, 12.5 to 1 |
| 15 | `#aad8db` | `oklch(85.04% 0.0475 202.02)` | Crystal | black, 13.5 to 1 |
| 16 | `#b7dede` | `oklch(87.29% 0.0406 195.88)` | Mech Suit | black, 14.5 to 1 |
| 17 | `#c4e4e0` | `oklch(89.39% 0.0338 189.17)` | Windwood Spring | black, 15.4 to 1 |
| 18 | `#cfe9e3` | `oklch(91.29% 0.0275 181.73)` | Source Blue | black, 16.3 to 1 |
| 19 | `#d9ede6` | `oklch(92.90% 0.0221 173.37)` | Light Spirited | black, 17.1 to 1 |
| 20 | `#e1f0e8` | `oklch(94.16% 0.0180 163.93)` | Aquacade | black, 17.8 to 1 |
| 21 | `#e7f2ea` | `oklch(94.99% 0.0156 153.23)` | Bath Bubbles | black, 18.2 to 1 |
| 22 | `#eaf2e9` | `oklch(95.32% 0.0153 141.00)` | Breakwater White | black, 18.4 to 1 |
| 23 | `#ebf1e4` | `oklch(95.01% 0.0173 125.95)` | Green Glaze | black, 18.2 to 1 |
| 24 | `#ededdd` | `oklch(94.15% 0.0212 108.33)` | Glittery Glow | black, 17.7 to 1 |
| 25 | `#eee7d4` | `oklch(92.85% 0.0265 88.92)` | Board & Batten | black, 17 to 1 |
| 26 | `#f1dfcb` | `oklch(91.23% 0.0329 68.48)` | Pearled Ivory | black, 16.1 to 1 |
| 27 | `#f4d5c6` | `oklch(89.43% 0.0399 47.76)` | Nutter Butter | black, 15.1 to 1 |
| 28 | `#f4cbc5` | `oklch(87.56% 0.0471 27.53)` | First Peach | black, 14.1 to 1 |
| 29 | `#f1c2c9` | `oklch(85.75% 0.0541 8.56)` | Loveable | black, 13.3 to 1 |
| 30 | `#ebbbcf` | `oklch(84.12% 0.0603 351.59)` | Dainty Pink | black, 12.5 to 1 |
| 31 | `#e3b7d6` | `oklch(82.79% 0.0654 337.39)` | Pink Gems | black, 12 to 1 |
| 32 | `#dcb5dc` | `oklch(81.89% 0.0689 326.73)` | French Lilac | black, 11.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #516b9a 0.0%, #53709e 3.2%, #5676a3 6.5%, #597da9 9.7%, #5e85b0 12.9%, #638eb7 16.1%, #6897be 19.4%, #6ea1c4 22.6%, #74aaca 25.8%, #7ab3cf 29.0%, #81bbd2 32.3%, #88c3d4 35.5%, #92cad6 38.7%, #9ed1d9 41.9%, #aad8db 45.2%, #b7dede 48.4%, #c4e4e0 51.6%, #cfe9e3 54.8%, #d9ede6 58.1%, #e1f0e8 61.3%, #e7f2ea 64.5%, #eaf2e9 67.7%, #ebf1e4 71.0%, #ededdd 74.2%, #eee7d4 77.4%, #f1dfcb 80.6%, #f4d5c6 83.9%, #f4cbc5 87.1%, #f1c2c9 90.3%, #ebbbcf 93.5%, #e3b7d6 96.8%, #dcb5dc 100.0%);
background: linear-gradient(90deg in oklch, oklch(52.76% 0.0813 261.56) 0.0%, oklch(54.16% 0.0807 259.48) 3.2%, oklch(55.98% 0.0801 257.03) 6.5%, oklch(58.14% 0.0795 254.21) 9.7%, oklch(60.56% 0.0787 251.02) 12.9%, oklch(63.16% 0.0779 247.46) 16.1%, oklch(65.86% 0.0767 243.55) 19.4%, oklch(68.59% 0.0753 239.27) 22.6%, oklch(71.25% 0.0735 234.64) 25.8%, oklch(73.77% 0.0713 229.65) 29.0%, oklch(76.07% 0.0686 224.32) 32.3%, oklch(78.18% 0.0650 218.76) 35.5%, oklch(80.42% 0.0601 213.29) 38.7%, oklch(82.73% 0.0541 207.76) 41.9%, oklch(85.04% 0.0475 202.02) 45.2%, oklch(87.29% 0.0406 195.88) 48.4%, oklch(89.39% 0.0338 189.17) 51.6%, oklch(91.29% 0.0275 181.73) 54.8%, oklch(92.90% 0.0221 173.37) 58.1%, oklch(94.16% 0.0180 163.93) 61.3%, oklch(94.99% 0.0156 153.23) 64.5%, oklch(95.32% 0.0153 141.00) 67.7%, oklch(95.01% 0.0173 125.95) 71.0%, oklch(94.15% 0.0212 108.33) 74.2%, oklch(92.85% 0.0265 88.92) 77.4%, oklch(91.23% 0.0329 68.48) 80.6%, oklch(89.43% 0.0399 47.76) 83.9%, oklch(87.56% 0.0471 27.53) 87.1%, oklch(85.75% 0.0541 8.56) 90.3%, oklch(84.12% 0.0603 351.59) 93.5%, oklch(82.79% 0.0654 337.39) 96.8%, oklch(81.89% 0.0689 326.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.081 | 261.6 |
| 2 | 0.768 | 0.068 | 222.5 |
| 3 | 0.953 | 0.015 | 145.3 |
| 4 | 0.819 | 0.069 | -33.3 |

## In these collections

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

## Other forms

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