# Cobalt violet and blush glass facets

Sixty-four narrow angular swatches sweep from near-black navy through cobalt blue, violet, muted rose, blush, and warm cream. A pronounced dark spoke gives the radial geometry a leaded-window character. This densely stepped palette suits stained-glass-inspired graphics, ornamental discs, decorative posters, and faceted color studies with a cool-to-warm progression.

- Also called: Black, blue, purple and gray angular swatches
- Seed: `kUOAu6Oq9AMUxRfxis3A`
- Page: https://grabient.com/kUOAu6Oq9AMUxRfxis3A?style=angularSwatches&steps=64&angle=225
- Drawn as: angular swatches, 64 steps, 225 degrees
- Kinds: dark to light
- Hues: analogous
- 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 | `#171b22` | `oklch(22.05% 0.0152 261.56)` | Coarse Wool | white, 17.2 to 1 |
| 2 | `#171c25` | `oklch(22.69% 0.0183 261.57)` | Coarse Wool | white, 17 to 1 |
| 3 | `#181e29` | `oklch(23.46% 0.0220 261.48)` | Coarse Wool | white, 16.6 to 1 |
| 4 | `#19202d` | `oklch(24.36% 0.0264 261.33)` | Hēi Sè Black | white, 16.3 to 1 |
| 5 | `#1a2332` | `oklch(25.35% 0.0314 261.12)` | Dark | white, 15.8 to 1 |
| 6 | `#1b2537` | `oklch(26.45% 0.0368 260.87)` | Moonless Mystery | white, 15.3 to 1 |
| 7 | `#1c283d` | `oklch(27.62% 0.0427 260.60)` | Eternal Darkness | white, 14.7 to 1 |
| 8 | `#1d2b43` | `oklch(28.86% 0.0488 260.31)` | Eternal Darkness | white, 14.2 to 1 |
| 9 | `#1d2e4a` | `oklch(30.15% 0.0553 260.03)` | Manganese Black | white, 13.5 to 1 |
| 10 | `#1e3151` | `oklch(31.49% 0.0619 259.77)` | Elite Blue | white, 12.9 to 1 |
| 11 | `#1f3558` | `oklch(32.85% 0.0686 259.54)` | Boatswain | white, 12.3 to 1 |
| 12 | `#20385f` | `oklch(34.23% 0.0754 259.37)` | Navy Peony | white, 11.7 to 1 |
| 13 | `#203b67` | `oklch(35.61% 0.0821 259.26)` | Blue Depths | white, 11 to 1 |
| 14 | `#213f6e` | `oklch(36.98% 0.0888 259.23)` | Limoges | white, 10.5 to 1 |
| 15 | `#224275` | `oklch(38.33% 0.0952 259.29)` | Cold Current | white, 9.9 to 1 |
| 16 | `#23457c` | `oklch(39.65% 0.1015 259.47)` | Theatre Blue | white, 9.4 to 1 |
| 17 | `#244883` | `oklch(40.91% 0.1073 259.77)` | Florida Waters | white, 8.9 to 1 |
| 18 | `#264b8a` | `oklch(42.12% 0.1129 260.21)` | Unity | white, 8.5 to 1 |
| 19 | `#284e90` | `oklch(43.25% 0.1179 260.80)` | Unity | white, 8.1 to 1 |
| 20 | `#2b5096` | `oklch(44.29% 0.1224 261.57)` | Insignia | white, 7.7 to 1 |
| 21 | `#2e529b` | `oklch(45.23% 0.1263 262.52)` | Blue Sail | white, 7.4 to 1 |
| 22 | `#3154a0` | `oklch(46.06% 0.1295 263.68)` | Dazzling Blue | white, 7.2 to 1 |
| 23 | `#3555a3` | `oklch(46.77% 0.1323 264.97)` | Blasphemous Blue | white, 7 to 1 |
| 24 | `#3856a7` | `oklch(47.35% 0.1348 266.34)` | Blasphemous Blue | white, 6.8 to 1 |
| 25 | `#3c56a9` | `oklch(47.84% 0.1370 267.79)` | Blasphemous Blue | white, 6.7 to 1 |
| 26 | `#3f56ac` | `oklch(48.23% 0.1390 269.33)` | Blasphemous Blue | white, 6.6 to 1 |
| 27 | `#4356ae` | `oklch(48.54% 0.1408 270.96)` | Chinese Bellflower | white, 6.5 to 1 |
| 28 | `#4656af` | `oklch(48.79% 0.1423 272.68)` | Chinese Bellflower | white, 6.5 to 1 |
| 29 | `#4a55b0` | `oklch(48.99% 0.1436 274.52)` | Chinese Bellflower | white, 6.5 to 1 |
| 30 | `#4e55b1` | `oklch(49.16% 0.1446 276.46)` | Chinese Bellflower | white, 6.4 to 1 |
| 31 | `#5154b1` | `oklch(49.30% 0.1454 278.52)` | Brandywine Raspberry | white, 6.4 to 1 |
| 32 | `#5553b1` | `oklch(49.44% 0.1459 280.70)` | Brandywine Raspberry | white, 6.4 to 1 |
| 33 | `#5952b1` | `oklch(49.58% 0.1462 283.01)` | Brandywine Raspberry | white, 6.4 to 1 |
| 34 | `#5d51b1` | `oklch(49.74% 0.1462 285.45)` | Brandywine Raspberry | white, 6.3 to 1 |
| 35 | `#6151b0` | `oklch(49.93% 0.1460 288.03)` | Ultrapurple Merge | white, 6.3 to 1 |
| 36 | `#6650af` | `oklch(50.17% 0.1455 290.76)` | Ultrapurple Merge | white, 6.3 to 1 |
| 37 | `#6a50ae` | `oklch(50.48% 0.1448 293.64)` | Ultrapurple Merge | white, 6.2 to 1 |
| 38 | `#6f50ad` | `oklch(50.85% 0.1438 296.67)` | Royal Lavender | white, 6.1 to 1 |
| 39 | `#7450ab` | `oklch(51.32% 0.1426 299.87)` | Royal Lavender | white, 6 to 1 |
| 40 | `#7a50aa` | `oklch(51.88% 0.1411 303.23)` | Royal Lavender | white, 5.9 to 1 |
| 41 | `#8051a9` | `oklch(52.56% 0.1393 306.77)` | Royal Lavender | white, 5.7 to 1 |
| 42 | `#8652a7` | `oklch(53.38% 0.1373 310.49)` | Royal Lilac | white, 5.5 to 1 |
| 43 | `#8c54a5` | `oklch(54.33% 0.1350 314.40)` | Vicious Violet | white, 5.3 to 1 |
| 44 | `#9357a4` | `oklch(55.46% 0.1323 318.67)` | Vicious Violet | white, 5 to 1 |
| 45 | `#9b5aa2` | `oklch(56.77% 0.1288 323.46)` | Heath Spotted Orchid | white, 4.8 to 1 |
| 46 | `#a35e9f` | `oklch(58.24% 0.1248 328.69)` | Heath Spotted Orchid | black, 4.6 to 1 |
| 47 | `#ab629d` | `oklch(59.85% 0.1202 334.31)` | Radiant Orchid | black, 4.9 to 1 |
| 48 | `#b2689a` | `oklch(61.58% 0.1152 340.26)` | Victorian Valentine | black, 5.3 to 1 |
| 49 | `#ba6e98` | `oklch(63.41% 0.1098 346.48)` | Fuscia Fizz | black, 5.7 to 1 |
| 50 | `#c17596` | `oklch(65.33% 0.1040 352.91)` | Dolomite Red | black, 6.2 to 1 |
| 51 | `#c87c94` | `oklch(67.30% 0.0980 359.49)` | Wild Rose | black, 6.7 to 1 |
| 52 | `#cd8493` | `oklch(69.31% 0.0918 6.17)` | Rose Sachet | black, 7.3 to 1 |
| 53 | `#d28c93` | `oklch(71.35% 0.0855 12.87)` | Dusty Pink | black, 7.9 to 1 |
| 54 | `#d69595` | `oklch(73.38% 0.0792 19.55)` | Keel Joy | black, 8.6 to 1 |
| 55 | `#da9e97` | `oklch(75.40% 0.0728 26.14)` | Rhapsodic | black, 9.2 to 1 |
| 56 | `#dda69b` | `oklch(77.38% 0.0666 32.59)` | Coral Cove | black, 10 to 1 |
| 57 | `#dfaf9f` | `oklch(79.29% 0.0606 38.82)` | Angel Breath | black, 10.7 to 1 |
| 58 | `#e1b7a5` | `oklch(81.13% 0.0548 44.79)` | Smoky Salmon | black, 11.4 to 1 |
| 59 | `#e2beab` | `oklch(82.87% 0.0493 50.44)` | Fresh-Baked | black, 12.2 to 1 |
| 60 | `#e4c5b1` | `oklch(84.49% 0.0442 55.70)` | Pastel Rose Tan | black, 12.9 to 1 |
| 61 | `#e5ccb7` | `oklch(85.97% 0.0395 60.52)` | Take-Out | black, 13.6 to 1 |
| 62 | `#e6d1be` | `oklch(87.29% 0.0354 64.83)` | Simply Subtle Pink | black, 14.2 to 1 |
| 63 | `#e7d6c3` | `oklch(88.43% 0.0318 68.58)` | Lotus Pod | black, 14.7 to 1 |
| 64 | `#e8d9c8` | `oklch(89.37% 0.0289 71.70)` | Siesta Tan | black, 15.2 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #171b22 0.000% 1.563%, #171c25 1.563% 3.125%, #181e29 3.125% 4.688%, #19202d 4.688% 6.250%, #1a2332 6.250% 7.813%, #1b2537 7.813% 9.375%, #1c283d 9.375% 10.938%, #1d2b43 10.938% 12.500%, #1d2e4a 12.500% 14.063%, #1e3151 14.063% 15.625%, #1f3558 15.625% 17.188%, #20385f 17.188% 18.750%, #203b67 18.750% 20.313%, #213f6e 20.313% 21.875%, #224275 21.875% 23.438%, #23457c 23.438% 25.000%, #244883 25.000% 26.563%, #264b8a 26.563% 28.125%, #284e90 28.125% 29.688%, #2b5096 29.688% 31.250%, #2e529b 31.250% 32.813%, #3154a0 32.813% 34.375%, #3555a3 34.375% 35.938%, #3856a7 35.938% 37.500%, #3c56a9 37.500% 39.063%, #3f56ac 39.063% 40.625%, #4356ae 40.625% 42.188%, #4656af 42.188% 43.750%, #4a55b0 43.750% 45.313%, #4e55b1 45.313% 46.875%, #5154b1 46.875% 48.438%, #5553b1 48.438% 50.000%, #5952b1 50.000% 51.563%, #5d51b1 51.563% 53.125%, #6151b0 53.125% 54.688%, #6650af 54.688% 56.250%, #6a50ae 56.250% 57.813%, #6f50ad 57.813% 59.375%, #7450ab 59.375% 60.938%, #7a50aa 60.938% 62.500%, #8051a9 62.500% 64.063%, #8652a7 64.063% 65.625%, #8c54a5 65.625% 67.188%, #9357a4 67.188% 68.750%, #9b5aa2 68.750% 70.313%, #a35e9f 70.313% 71.875%, #ab629d 71.875% 73.438%, #b2689a 73.438% 75.000%, #ba6e98 75.000% 76.563%, #c17596 76.563% 78.125%, #c87c94 78.125% 79.688%, #cd8493 79.688% 81.250%, #d28c93 81.250% 82.813%, #d69595 82.813% 84.375%, #da9e97 84.375% 85.938%, #dda69b 85.938% 87.500%, #dfaf9f 87.500% 89.063%, #e1b7a5 89.063% 90.625%, #e2beab 90.625% 92.188%, #e4c5b1 92.188% 93.750%, #e5ccb7 93.750% 95.313%, #e6d1be 95.313% 96.875%, #e7d6c3 96.875% 98.438%, #e8d9c8 98.438% 100.000%);
background: conic-gradient(from 225deg, oklch(22.05% 0.0152 261.56) 0.000% 1.563%, oklch(22.69% 0.0183 261.57) 1.563% 3.125%, oklch(23.46% 0.0220 261.48) 3.125% 4.688%, oklch(24.36% 0.0264 261.33) 4.688% 6.250%, oklch(25.35% 0.0314 261.12) 6.250% 7.813%, oklch(26.45% 0.0368 260.87) 7.813% 9.375%, oklch(27.62% 0.0427 260.60) 9.375% 10.938%, oklch(28.86% 0.0488 260.31) 10.938% 12.500%, oklch(30.15% 0.0553 260.03) 12.500% 14.063%, oklch(31.49% 0.0619 259.77) 14.063% 15.625%, oklch(32.85% 0.0686 259.54) 15.625% 17.188%, oklch(34.23% 0.0754 259.37) 17.188% 18.750%, oklch(35.61% 0.0821 259.26) 18.750% 20.313%, oklch(36.98% 0.0888 259.23) 20.313% 21.875%, oklch(38.33% 0.0952 259.29) 21.875% 23.438%, oklch(39.65% 0.1015 259.47) 23.438% 25.000%, oklch(40.91% 0.1073 259.77) 25.000% 26.563%, oklch(42.12% 0.1129 260.21) 26.563% 28.125%, oklch(43.25% 0.1179 260.80) 28.125% 29.688%, oklch(44.29% 0.1224 261.57) 29.688% 31.250%, oklch(45.23% 0.1263 262.52) 31.250% 32.813%, oklch(46.06% 0.1295 263.68) 32.813% 34.375%, oklch(46.77% 0.1323 264.97) 34.375% 35.938%, oklch(47.35% 0.1348 266.34) 35.938% 37.500%, oklch(47.84% 0.1370 267.79) 37.500% 39.063%, oklch(48.23% 0.1390 269.33) 39.063% 40.625%, oklch(48.54% 0.1408 270.96) 40.625% 42.188%, oklch(48.79% 0.1423 272.68) 42.188% 43.750%, oklch(48.99% 0.1436 274.52) 43.750% 45.313%, oklch(49.16% 0.1446 276.46) 45.313% 46.875%, oklch(49.30% 0.1454 278.52) 46.875% 48.438%, oklch(49.44% 0.1459 280.70) 48.438% 50.000%, oklch(49.58% 0.1462 283.01) 50.000% 51.563%, oklch(49.74% 0.1462 285.45) 51.563% 53.125%, oklch(49.93% 0.1460 288.03) 53.125% 54.688%, oklch(50.17% 0.1455 290.76) 54.688% 56.250%, oklch(50.48% 0.1448 293.64) 56.250% 57.813%, oklch(50.85% 0.1438 296.67) 57.813% 59.375%, oklch(51.32% 0.1426 299.87) 59.375% 60.938%, oklch(51.88% 0.1411 303.23) 60.938% 62.500%, oklch(52.56% 0.1393 306.77) 62.500% 64.063%, oklch(53.38% 0.1373 310.49) 64.063% 65.625%, oklch(54.33% 0.1350 314.40) 65.625% 67.188%, oklch(55.46% 0.1323 318.67) 67.188% 68.750%, oklch(56.77% 0.1288 323.46) 68.750% 70.313%, oklch(58.24% 0.1248 328.69) 70.313% 71.875%, oklch(59.85% 0.1202 334.31) 71.875% 73.438%, oklch(61.58% 0.1152 340.26) 73.438% 75.000%, oklch(63.41% 0.1098 346.48) 75.000% 76.563%, oklch(65.33% 0.1040 352.91) 76.563% 78.125%, oklch(67.30% 0.0980 359.49) 78.125% 79.688%, oklch(69.31% 0.0918 6.17) 79.688% 81.250%, oklch(71.35% 0.0855 12.87) 81.250% 82.813%, oklch(73.38% 0.0792 19.55) 82.813% 84.375%, oklch(75.40% 0.0728 26.14) 84.375% 85.938%, oklch(77.38% 0.0666 32.59) 85.938% 87.500%, oklch(79.29% 0.0606 38.82) 87.500% 89.063%, oklch(81.13% 0.0548 44.79) 89.063% 90.625%, oklch(82.87% 0.0493 50.44) 90.625% 92.188%, oklch(84.49% 0.0442 55.70) 92.188% 93.750%, oklch(85.97% 0.0395 60.52) 93.750% 95.313%, oklch(87.29% 0.0354 64.83) 95.313% 96.875%, oklch(88.43% 0.0318 68.58) 96.875% 98.438%, oklch(89.37% 0.0289 71.70) 98.438% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.015 | 261.6 |
| 2 | 0.461 | 0.13 | 263.7 |
| 3 | 0.543 | 0.135 | 314.4 |
| 4 | 0.894 | 0.029 | 431.7 |

## In these collections

- [Stained glass colors](https://grabient.com/stained-glass-colors)

## Other forms

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