# Violet Under Ice

The Blue ice palette brings together off-white, light blue, and blue. 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: Seamless white, purple and light blue angular gradient
- Seed: `kW-QfOaos_8Ygv_oDrz_IO_4`
- Page: https://grabient.com/kW-QfOaos_8Ygv_oDrz_IO_4?style=angularGradient&steps=40&angle=225
- Drawn as: angular gradient, 40 steps, 225 degrees
- Kinds: dark center, pastel, light, cool, seamless
- Hues: analogous
- 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 | `#f8f8ff` | `oklch(98.03% 0.0096 289.69)` | Ghost White | black, 19.8 to 1 |
| 2 | `#f5f5fd` | `oklch(97.23% 0.0107 289.69)` | White Solid | black, 19.3 to 1 |
| 3 | `#f2f2fa` | `oklch(96.29% 0.0119 289.69)` | Alpine Goat | black, 18.8 to 1 |
| 4 | `#efeef8` | `oklch(95.19% 0.0132 289.69)` | Silver Phoenix | black, 18.2 to 1 |
| 5 | `#eaeaf5` | `oklch(93.95% 0.0147 289.69)` | Silver Phoenix | black, 17.5 to 1 |
| 6 | `#e6e5f1` | `oklch(92.56% 0.0165 289.69)` | Lavender Syrup | black, 16.8 to 1 |
| 7 | `#e1e0ed` | `oklch(91.02% 0.0186 289.69)` | Homoeopathic Lilac | black, 16 to 1 |
| 8 | `#dbdae9` | `oklch(89.32% 0.0211 289.69)` | Eyeshadow | black, 15.1 to 1 |
| 9 | `#d5d3e5` | `oklch(87.47% 0.0240 289.69)` | Light Pax | black, 14.3 to 1 |
| 10 | `#cecde1` | `oklch(85.46% 0.0274 289.69)` | Breezy Violet | black, 13.4 to 1 |
| 11 | `#c7c5dc` | `oklch(83.28% 0.0314 289.70)` | Violet Sweet Pea | black, 12.4 to 1 |
| 12 | `#bebcd6` | `oklch(80.49% 0.0368 289.87)` | Lavender Grey | black, 11.3 to 1 |
| 13 | `#b4b0cf` | `oklch(77.08% 0.0436 290.21)` | Petunia Trail | black, 10 to 1 |
| 14 | `#a8a4c7` | `oklch(73.30% 0.0512 290.63)` | Fife | black, 8.7 to 1 |
| 15 | `#9c96bf` | `oklch(69.37% 0.0593 291.05)` | Lavender Bonnet | black, 7.5 to 1 |
| 16 | `#918ab7` | `oklch(65.50% 0.0673 291.38)` | Butterfly Garden | black, 6.5 to 1 |
| 17 | `#867eb0` | `oklch(61.94% 0.0747 291.56)` | Murex | black, 5.6 to 1 |
| 18 | `#7d74aa` | `oklch(58.91% 0.0811 291.49)` | Plum Preserve | black, 4.9 to 1 |
| 19 | `#766da5` | `oklch(56.63% 0.0861 291.08)` | Toy Mauve | white, 4.6 to 1 |
| 20 | `#7269a3` | `oklch(55.33% 0.0890 290.27)` | Inner Journey | white, 4.9 to 1 |
| 21 | `#7169a3` | `oklch(55.22% 0.0895 288.94)` | Inner Journey | white, 4.9 to 1 |
| 22 | `#726da6` | `oklch(56.29% 0.0877 286.93)` | Toy Mauve | white, 4.7 to 1 |
| 23 | `#7574ab` | `oklch(58.31% 0.0841 284.36)` | Purple Mountain Majesty | black, 4.8 to 1 |
| 24 | `#7b7eb2` | `oklch(61.07% 0.0790 281.41)` | Astro Zinger | black, 5.4 to 1 |
| 25 | `#8389ba` | `oklch(64.37% 0.0728 278.22)` | Iolite | black, 6.2 to 1 |
| 26 | `#8c95c2` | `oklch(67.98% 0.0661 274.98)` | Pale Iris | black, 7.2 to 1 |
| 27 | `#96a2c9` | `oklch(71.70% 0.0591 271.84)` | Fields of Heather | black, 8.3 to 1 |
| 28 | `#a1aed1` | `oklch(75.30% 0.0523 268.97)` | Mild Blue Yonder | black, 9.5 to 1 |
| 29 | `#acb9d8` | `oklch(78.58% 0.0462 266.52)` | Conclave | black, 10.6 to 1 |
| 30 | `#b5c2dd` | `oklch(81.31% 0.0410 264.68)` | Eternal Elegance | black, 11.7 to 1 |
| 31 | `#bdc9e2` | `oklch(83.52% 0.0369 263.49)` | Hindsight | black, 12.6 to 1 |
| 32 | `#c5d0e6` | `oklch(85.64% 0.0330 262.79)` | Paper Elephant | black, 13.5 to 1 |
| 33 | `#ccd7ea` | `oklch(87.68% 0.0291 262.48)` | Light Hindsight | black, 14.4 to 1 |
| 34 | `#d4ddee` | `oklch(89.61% 0.0255 262.48)` | Weeping Wisteria | black, 15.3 to 1 |
| 35 | `#dbe3f2` | `oklch(91.42% 0.0221 262.70)` | Vaguely Violet | black, 16.2 to 1 |
| 36 | `#e2e8f5` | `oklch(93.09% 0.0190 263.07)` | Harbour Afternoon | black, 17.1 to 1 |
| 37 | `#e8edf8` | `oklch(94.60% 0.0161 263.49)` | Coconut White | black, 17.9 to 1 |
| 38 | `#edf2fb` | `oklch(95.94% 0.0136 263.90)` | Airport | black, 18.6 to 1 |
| 39 | `#f1f6fd` | `oklch(97.09% 0.0114 264.21)` | Cotton Ball | black, 19.3 to 1 |
| 40 | `#f5f9ff` | `oklch(98.03% 0.0092 264.29)` | Ghost White | black, 19.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #f8f8ff 0.0%, #f5f5fd 2.6%, #f2f2fa 5.1%, #efeef8 7.7%, #eaeaf5 10.3%, #e6e5f1 12.8%, #e1e0ed 15.4%, #dbdae9 17.9%, #d5d3e5 20.5%, #cecde1 23.1%, #c7c5dc 25.6%, #bebcd6 28.2%, #b4b0cf 30.8%, #a8a4c7 33.3%, #9c96bf 35.9%, #918ab7 38.5%, #867eb0 41.0%, #7d74aa 43.6%, #766da5 46.2%, #7269a3 48.7%, #7169a3 51.3%, #726da6 53.8%, #7574ab 56.4%, #7b7eb2 59.0%, #8389ba 61.5%, #8c95c2 64.1%, #96a2c9 66.7%, #a1aed1 69.2%, #acb9d8 71.8%, #b5c2dd 74.4%, #bdc9e2 76.9%, #c5d0e6 79.5%, #ccd7ea 82.1%, #d4ddee 84.6%, #dbe3f2 87.2%, #e2e8f5 89.7%, #e8edf8 92.3%, #edf2fb 94.9%, #f1f6fd 97.4%, #f5f9ff 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(98.03% 0.0096 289.69) 0.0%, oklch(97.23% 0.0107 289.69) 2.6%, oklch(96.29% 0.0119 289.69) 5.1%, oklch(95.19% 0.0132 289.69) 7.7%, oklch(93.95% 0.0147 289.69) 10.3%, oklch(92.56% 0.0165 289.69) 12.8%, oklch(91.02% 0.0186 289.69) 15.4%, oklch(89.32% 0.0211 289.69) 17.9%, oklch(87.47% 0.0240 289.69) 20.5%, oklch(85.46% 0.0274 289.69) 23.1%, oklch(83.28% 0.0314 289.70) 25.6%, oklch(80.49% 0.0368 289.87) 28.2%, oklch(77.08% 0.0436 290.21) 30.8%, oklch(73.30% 0.0512 290.63) 33.3%, oklch(69.37% 0.0593 291.05) 35.9%, oklch(65.50% 0.0673 291.38) 38.5%, oklch(61.94% 0.0747 291.56) 41.0%, oklch(58.91% 0.0811 291.49) 43.6%, oklch(56.63% 0.0861 291.08) 46.2%, oklch(55.33% 0.0890 290.27) 48.7%, oklch(55.22% 0.0895 288.94) 51.3%, oklch(56.29% 0.0877 286.93) 53.8%, oklch(58.31% 0.0841 284.36) 56.4%, oklch(61.07% 0.0790 281.41) 59.0%, oklch(64.37% 0.0728 278.22) 61.5%, oklch(67.98% 0.0661 274.98) 64.1%, oklch(71.70% 0.0591 271.84) 66.7%, oklch(75.30% 0.0523 268.97) 69.2%, oklch(78.58% 0.0462 266.52) 71.8%, oklch(81.31% 0.0410 264.68) 74.4%, oklch(83.52% 0.0369 263.49) 76.9%, oklch(85.64% 0.0330 262.79) 79.5%, oklch(87.68% 0.0291 262.48) 82.1%, oklch(89.61% 0.0255 262.48) 84.6%, oklch(91.42% 0.0221 262.70) 87.2%, oklch(93.09% 0.0190 263.07) 89.7%, oklch(94.60% 0.0161 263.49) 92.3%, oklch(95.94% 0.0136 263.90) 94.9%, oklch(97.09% 0.0114 264.21) 97.4%, oklch(98.03% 0.0092 264.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.01 | 289.7 |
| 2 | 0.839 | 0.03 | 289.7 |
| 3 | 0.551 | 0.09 | 289.7 |
| 4 | 0.819 | 0.04 | 264.3 |
| 5 | 0.98 | 0.01 | 264.3 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)

## Other forms

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