# Pale blush, violet and navy color palette

The Pale blush, violet and navy color palette brings together pale magenta, magenta, purple, blue, and dark blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits game interface concepts and stream graphics. Its darkest tone is dark blue, and its lightest tone is pale magenta.

- Also called: Analogous pink, purple and navy radial gradient
- Seed: `ka4zH2X0JAVJVP_H1zuPVI8rI6Pidnb-g`
- Page: https://grabient.com/ka4zH2X0JAVJVP_H1zuPVI8rI6Pidnb-g?style=radialGradient&steps=32&angle=270
- Drawn as: radial gradient, 32 steps, 270 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 12 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 | `#fecbe5` | `oklch(89.37% 0.0675 345.94)` | Classic Rose | black, 14.8 to 1 |
| 2 | `#ffc0e1` | `oklch(87.40% 0.0831 346.39)` | Pretty in Pink | black, 13.8 to 1 |
| 3 | `#ffb1d9` | `oklch(84.59% 0.1037 347.08)` | Hot Aquarelle Pink | black, 12.5 to 1 |
| 4 | `#ff9fd1` | `oklch(81.35% 0.1287 347.84)` | Himalayan Balsam | black, 11.1 to 1 |
| 5 | `#ff8bc8` | `oklch(78.09% 0.1554 348.54)` | Shimmering Love | black, 9.8 to 1 |
| 6 | `#fe79c0` | `oklch(75.21% 0.1791 349.05)` | Dream Setting | black, 8.7 to 1 |
| 7 | `#fc6bb9` | `oklch(72.88% 0.1944 349.69)` | Hot Pink Fusion | black, 7.9 to 1 |
| 8 | `#fa5eb1` | `oklch(70.77% 0.2070 350.84)` | Pink Katydid | black, 7.3 to 1 |
| 9 | `#f851a9` | `oklch(68.81% 0.2173 351.80)` | Pink Katydid | black, 6.7 to 1 |
| 10 | `#f445a4` | `oklch(66.96% 0.2256 351.81)` | Major Magenta | black, 6.2 to 1 |
| 11 | `#ee3aa3` | `oklch(65.16% 0.2323 350.16)` | Pink Bite | black, 5.7 to 1 |
| 12 | `#e632a8` | `oklch(63.40% 0.2374 346.08)` | Pink Bite | black, 5.3 to 1 |
| 13 | `#da2eb2` | `oklch(61.75% 0.2402 339.58)` | Loudicious Pink | black, 5 to 1 |
| 14 | `#cc2ebf` | `oklch(60.18% 0.2412 331.64)` | Steel Pink | black, 4.6 to 1 |
| 15 | `#bb30cc` | `oklch(58.64% 0.2410 323.27)` | Ultraviolet Berl | white, 4.7 to 1 |
| 16 | `#ab32d5` | `oklch(57.09% 0.2402 315.48)` | Telemagenta | white, 5 to 1 |
| 17 | `#9c33d9` | `oklch(55.50% 0.2394 309.03)` | Dreamscape Purple | white, 5.4 to 1 |
| 18 | `#8d33dc` | `oklch(53.91% 0.2387 303.07)` | Thick Purple | white, 5.7 to 1 |
| 19 | `#7e33dd` | `oklch(52.32% 0.2375 297.45)` | Hokkaido Lavender | white, 6.1 to 1 |
| 20 | `#7033dc` | `oklch(50.73% 0.2350 292.24)` | Hokkaido Lavender | white, 6.5 to 1 |
| 21 | `#6234d8` | `oklch(49.12% 0.2305 287.50)` | Burple | white, 6.9 to 1 |
| 22 | `#5535d2` | `oklch(47.50% 0.2232 283.31)` | Grape Hyacinth | white, 7.4 to 1 |
| 23 | `#4a37c9` | `oklch(46.01% 0.2129 279.61)` | Grape Hyacinth | white, 7.8 to 1 |
| 24 | `#3f39bf` | `oklch(44.56% 0.2004 276.39)` | Early Spring Night | white, 8.2 to 1 |
| 25 | `#363bb3` | `oklch(43.01% 0.1864 273.65)` | Early Spring Night | white, 8.6 to 1 |
| 26 | `#2e3aa6` | `oklch(41.20% 0.1718 271.38)` | Yuè Guāng Lán Blue | white, 9.2 to 1 |
| 27 | `#263797` | `oklch(38.95% 0.1575 269.59)` | Liquid Denim | white, 10 to 1 |
| 28 | `#1f3286` | `oklch(35.91% 0.1414 268.47)` | Bavarian Blue | white, 11.3 to 1 |
| 29 | `#192b72` | `oklch(32.31% 0.1238 267.96)` | Impression of Obscurity | white, 12.9 to 1 |
| 30 | `#14245e` | `oklch(28.65% 0.1066 267.82)` | Fibonacci Blue | white, 14.5 to 1 |
| 31 | `#101d4e` | `oklch(25.45% 0.0917 267.82)` | Tetsu-Kon Blue | white, 16 to 1 |
| 32 | `#0d1943` | `oklch(23.23% 0.0813 267.74)` | Maastricht Blue | white, 16.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fecbe5 0.0%, #ffc0e1 3.2%, #ffb1d9 6.5%, #ff9fd1 9.7%, #ff8bc8 12.9%, #fe79c0 16.1%, #fc6bb9 19.4%, #fa5eb1 22.6%, #f851a9 25.8%, #f445a4 29.0%, #ee3aa3 32.3%, #e632a8 35.5%, #da2eb2 38.7%, #cc2ebf 41.9%, #bb30cc 45.2%, #ab32d5 48.4%, #9c33d9 51.6%, #8d33dc 54.8%, #7e33dd 58.1%, #7033dc 61.3%, #6234d8 64.5%, #5535d2 67.7%, #4a37c9 71.0%, #3f39bf 74.2%, #363bb3 77.4%, #2e3aa6 80.6%, #263797 83.9%, #1f3286 87.1%, #192b72 90.3%, #14245e 93.5%, #101d4e 96.8%, #0d1943 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(89.37% 0.0675 345.94) 0.0%, oklch(87.40% 0.0831 346.39) 3.2%, oklch(84.59% 0.1037 347.08) 6.5%, oklch(81.35% 0.1287 347.84) 9.7%, oklch(78.09% 0.1554 348.54) 12.9%, oklch(75.21% 0.1791 349.05) 16.1%, oklch(72.88% 0.1944 349.69) 19.4%, oklch(70.77% 0.2070 350.84) 22.6%, oklch(68.81% 0.2173 351.80) 25.8%, oklch(66.96% 0.2256 351.81) 29.0%, oklch(65.16% 0.2323 350.16) 32.3%, oklch(63.40% 0.2374 346.08) 35.5%, oklch(61.75% 0.2402 339.58) 38.7%, oklch(60.18% 0.2412 331.64) 41.9%, oklch(58.64% 0.2410 323.27) 45.2%, oklch(57.09% 0.2402 315.48) 48.4%, oklch(55.50% 0.2394 309.03) 51.6%, oklch(53.91% 0.2387 303.07) 54.8%, oklch(52.32% 0.2375 297.45) 58.1%, oklch(50.73% 0.2350 292.24) 61.3%, oklch(49.12% 0.2305 287.50) 64.5%, oklch(47.50% 0.2232 283.31) 67.7%, oklch(46.01% 0.2129 279.61) 71.0%, oklch(44.56% 0.2004 276.39) 74.2%, oklch(43.01% 0.1864 273.65) 77.4%, oklch(41.20% 0.1718 271.38) 80.6%, oklch(38.95% 0.1575 269.59) 83.9%, oklch(35.91% 0.1414 268.47) 87.1%, oklch(32.31% 0.1238 267.96) 90.3%, oklch(28.65% 0.1066 267.82) 93.5%, oklch(25.45% 0.0917 267.82) 96.8%, oklch(23.23% 0.0813 267.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.894 | 0.068 | 345.9 |
| 2 | 0.748 | 0.182 | 349.1 |
| 3 | 0.646 | 0.234 | 349.1 |
| 4 | 0.563 | 0.24 | 312.1 |
| 5 | 0.48 | 0.226 | 284.6 |
| 6 | 0.394 | 0.16 | 269.9 |
| 7 | 0.232 | 0.081 | 267.7 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)
- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)
- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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