# Off-white and blue color palette

The Off-white and blue color palette brings together off-white, pale purple, light purple, light blue, and blue. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits invitation suites and ceremony stationery. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: White to blue radial gradient
- Seed: `kY8QE2cgmxGeTv5oj7n3xY_NKZwM`
- Page: https://grabient.com/kY8QE2cgmxGeTv5oj7n3xY_NKZwM?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#eeeeed` | `oklch(94.88% 0.0014 75.94)` | Super Silver | black, 18 to 1 |
| 2 | `#eeecea` | `oklch(94.38% 0.0039 61.45)` | Snow Storm | black, 17.8 to 1 |
| 3 | `#efe9e6` | `oklch(93.72% 0.0074 40.36)` | Holy Ghost | black, 17.4 to 1 |
| 4 | `#efe5e5` | `oklch(92.93% 0.0116 15.79)` | Venus Pink | black, 16.9 to 1 |
| 5 | `#eee0e6` | `oklch(92.02% 0.0162 350.86)` | Dwindling Damon | black, 16.4 to 1 |
| 6 | `#eadde8` | `oklch(91.03% 0.0208 328.71)` | Ice Ballet | black, 15.9 to 1 |
| 7 | `#e4d9ea` | `oklch(89.98% 0.0253 312.45)` | Awakened | black, 15.4 to 1 |
| 8 | `#ded6eb` | `oklch(88.79% 0.0299 304.12)` | Light Purity | black, 14.8 to 1 |
| 9 | `#d9d0e9` | `oklch(87.32% 0.0351 301.72)` | Air Castle | black, 14.1 to 1 |
| 10 | `#d5cae7` | `oklch(85.74% 0.0406 303.09)` | Purity | black, 13.4 to 1 |
| 11 | `#d2c4e3` | `oklch(84.18% 0.0458 306.07)` | Fresh Heather | black, 12.7 to 1 |
| 12 | `#d0bee0` | `oklch(82.81% 0.0501 308.53)` | Plum Point | black, 12.1 to 1 |
| 13 | `#cdbbde` | `oklch(81.78% 0.0530 308.32)` | Sweet Lucid Dreams | black, 11.7 to 1 |
| 14 | `#c9badf` | `oklch(81.25% 0.0541 303.79)` | Viking Diva | black, 11.5 to 1 |
| 15 | `#c4bbe1` | `oklch(81.26% 0.0529 296.20)` | Melrose | black, 11.5 to 1 |
| 16 | `#c0bfe3` | `oklch(81.61% 0.0504 286.84)` | Pretty Posie | black, 11.7 to 1 |
| 17 | `#bcc2e4` | `oklch(82.08% 0.0473 276.85)` | Canterbury Bells | black, 11.9 to 1 |
| 18 | `#b9c5e3` | `oklch(82.44% 0.0445 267.40)` | California Lilac | black, 12.1 to 1 |
| 19 | `#b6c7e2` | `oklch(82.50% 0.0428 259.65)` | Beautiful Dream | black, 12.2 to 1 |
| 20 | `#b2c6e0` | `oklch(82.04% 0.0431 254.60)` | Newman’s Eye | black, 12 to 1 |
| 21 | `#adc4de` | `oklch(81.20% 0.0450 251.58)` | Light Steel Blue | black, 11.7 to 1 |
| 22 | `#a7c1dc` | `oklch(80.10% 0.0479 249.98)` | Canopy Bed | black, 11.3 to 1 |
| 23 | `#a1bdda` | `oklch(78.80% 0.0515 249.40)` | Sky City | black, 10.8 to 1 |
| 24 | `#9bb9d8` | `oklch(77.39% 0.0552 249.46)` | Blues White Shoes | black, 10.3 to 1 |
| 25 | `#95b4d5` | `oklch(75.94% 0.0585 249.77)` | Oxygen Blue | black, 9.8 to 1 |
| 26 | `#90b0d2` | `oklch(74.52% 0.0611 249.98)` | Matte Blue | black, 9.3 to 1 |
| 27 | `#8aabce` | `oklch(72.90% 0.0632 250.63)` | Mini Bay | black, 8.7 to 1 |
| 28 | `#84a5ca` | `oklch(71.09% 0.0651 251.86)` | High Tide | black, 8.2 to 1 |
| 29 | `#7f9fc5` | `oklch(69.23% 0.0667 253.41)` | Alaskan Ice | black, 7.6 to 1 |
| 30 | `#7b99c1` | `oklch(67.49% 0.0682 255.02)` | Bel Air Blue | black, 7.1 to 1 |
| 31 | `#7794bd` | `oklch(66.02% 0.0694 256.42)` | King Neptune | black, 6.7 to 1 |
| 32 | `#7491ba` | `oklch(64.96% 0.0703 257.35)` | Allure | black, 6.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eeeeed 0.0%, #eeecea 3.2%, #efe9e6 6.5%, #efe5e5 9.7%, #eee0e6 12.9%, #eadde8 16.1%, #e4d9ea 19.4%, #ded6eb 22.6%, #d9d0e9 25.8%, #d5cae7 29.0%, #d2c4e3 32.3%, #d0bee0 35.5%, #cdbbde 38.7%, #c9badf 41.9%, #c4bbe1 45.2%, #c0bfe3 48.4%, #bcc2e4 51.6%, #b9c5e3 54.8%, #b6c7e2 58.1%, #b2c6e0 61.3%, #adc4de 64.5%, #a7c1dc 67.7%, #a1bdda 71.0%, #9bb9d8 74.2%, #95b4d5 77.4%, #90b0d2 80.6%, #8aabce 83.9%, #84a5ca 87.1%, #7f9fc5 90.3%, #7b99c1 93.5%, #7794bd 96.8%, #7491ba 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0014 75.94) 0.0%, oklch(94.38% 0.0039 61.45) 3.2%, oklch(93.72% 0.0074 40.36) 6.5%, oklch(92.93% 0.0116 15.79) 9.7%, oklch(92.02% 0.0162 350.86) 12.9%, oklch(91.03% 0.0208 328.71) 16.1%, oklch(89.98% 0.0253 312.45) 19.4%, oklch(88.79% 0.0299 304.12) 22.6%, oklch(87.32% 0.0351 301.72) 25.8%, oklch(85.74% 0.0406 303.09) 29.0%, oklch(84.18% 0.0458 306.07) 32.3%, oklch(82.81% 0.0501 308.53) 35.5%, oklch(81.78% 0.0530 308.32) 38.7%, oklch(81.25% 0.0541 303.79) 41.9%, oklch(81.26% 0.0529 296.20) 45.2%, oklch(81.61% 0.0504 286.84) 48.4%, oklch(82.08% 0.0473 276.85) 51.6%, oklch(82.44% 0.0445 267.40) 54.8%, oklch(82.50% 0.0428 259.65) 58.1%, oklch(82.04% 0.0431 254.60) 61.3%, oklch(81.20% 0.0450 251.58) 64.5%, oklch(80.10% 0.0479 249.98) 67.7%, oklch(78.80% 0.0515 249.40) 71.0%, oklch(77.39% 0.0552 249.46) 74.2%, oklch(75.94% 0.0585 249.77) 77.4%, oklch(74.52% 0.0611 249.98) 80.6%, oklch(72.90% 0.0632 250.63) 83.9%, oklch(71.09% 0.0651 251.86) 87.1%, oklch(69.23% 0.0667 253.41) 90.3%, oklch(67.49% 0.0682 255.02) 93.5%, oklch(66.02% 0.0694 256.42) 96.8%, oklch(64.96% 0.0703 257.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.001 | 75.9 |
| 2 | 0.898 | 0.026 | -49.8 |
| 3 | 0.815 | 0.054 | -53 |
| 4 | 0.823 | 0.043 | -103.7 |
| 5 | 0.748 | 0.061 | -110.1 |
| 6 | 0.65 | 0.07 | -102.7 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)
- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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