# Violet rose and apricot glass swatches

Thirty-two diagonal swatch bands progress from charcoal plum through violet, magenta, rose, muted coral, apricot, and pale golden cream. The fine stepped arrangement evokes colored panes in a floral stained-glass window. It combines a dark purple foundation with a warm luminous finish for decorative stationery, patterned artwork, and romantic editorial color studies.

- Also called: Black, purple, pink and beige linear swatches
- Seed: `kUOxbjN7DAMu4xXuFMhg`
- Page: https://grabient.com/kUOxbjN7DAMu4xXuFMhg?style=linearSwatches&steps=32&angle=135
- Drawn as: linear swatches, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 11.2 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 | `#241927` | `oklch(23.23% 0.0303 319.22)` | Kurobeni | white, 16.9 to 1 |
| 2 | `#281a2b` | `oklch(24.42% 0.0366 319.15)` | Black Cherry | white, 16.4 to 1 |
| 3 | `#2d1d32` | `oklch(25.97% 0.0450 318.82)` | Bleached Cedar | white, 15.7 to 1 |
| 4 | `#341f3a` | `oklch(27.82% 0.0552 318.35)` | Fat Tuesday | white, 14.9 to 1 |
| 5 | `#3b2243` | `oklch(29.88% 0.0665 317.85)` | Aubergine Mauve | white, 14 to 1 |
| 6 | `#43254d` | `oklch(32.10% 0.0786 317.42)` | Purple Void | white, 13 to 1 |
| 7 | `#4c2857` | `oklch(34.40% 0.0908 317.20)` | Deep Plum | white, 12 to 1 |
| 8 | `#542a62` | `oklch(36.72% 0.1027 317.29)` | Kuwanomi Purple | white, 11 to 1 |
| 9 | `#5d2d6c` | `oklch(38.99% 0.1138 317.81)` | Imperial | white, 10.1 to 1 |
| 10 | `#663074` | `oklch(41.14% 0.1236 318.87)` | Purple Magic | white, 9.3 to 1 |
| 11 | `#6f327b` | `oklch(43.10% 0.1315 320.59)` | Galactic Grapevine | white, 8.6 to 1 |
| 12 | `#773480` | `oklch(44.83% 0.1376 323.03)` | Maximum Purple | white, 8 to 1 |
| 13 | `#803683` | `oklch(46.38% 0.1432 326.04)` | Purple Sultan | white, 7.5 to 1 |
| 14 | `#883784` | `oklch(47.82% 0.1481 329.55)` | Purple Sultan | white, 7.1 to 1 |
| 15 | `#913884` | `oklch(49.17% 0.1524 333.52)` | Hollyhock | white, 6.7 to 1 |
| 16 | `#9a3983` | `oklch(50.50% 0.1559 337.90)` | Purple Wine | white, 6.4 to 1 |
| 17 | `#a23a81` | `oklch(51.83% 0.1585 342.63)` | Wild Aster | white, 6 to 1 |
| 18 | `#ab3c7d` | `oklch(53.21% 0.1601 347.65)` | Maximum Red Purple | white, 5.7 to 1 |
| 19 | `#b33f79` | `oklch(54.69% 0.1606 352.93)` | Mystic Maroon | white, 5.3 to 1 |
| 20 | `#bb4474` | `oklch(56.31% 0.1599 358.41)` | Mauve Mystique | white, 5 to 1 |
| 21 | `#c34a70` | `oklch(58.12% 0.1579 4.03)` | Love Lord | white, 4.6 to 1 |
| 22 | `#ca526c` | `oklch(60.17% 0.1543 9.80)` | Cabaret | black, 4.9 to 1 |
| 23 | `#d25d68` | `oklch(62.59% 0.1481 16.38)` | Italiano Rose | black, 5.4 to 1 |
| 24 | `#d86a66` | `oklch(65.35% 0.1396 23.76)` | Coral Expression | black, 6.1 to 1 |
| 25 | `#dd7966` | `oklch(68.32% 0.1292 31.67)` | Rich Georgia Clay | black, 6.9 to 1 |
| 26 | `#e18869` | `oklch(71.42% 0.1176 39.84)` | Canyon Sunset | black, 7.9 to 1 |
| 27 | `#e39871` | `oklch(74.53% 0.1054 48.02)` | Trumpet Flower | black, 8.9 to 1 |
| 28 | `#e4a77b` | `oklch(77.55% 0.0933 55.93)` | Thai Ice Tea | black, 10 to 1 |
| 29 | `#e5b488` | `oklch(80.37% 0.0817 63.32)` | Bundle of Wheat | black, 11.2 to 1 |
| 30 | `#e5bf95` | `oklch(82.89% 0.0713 69.92)` | Laksa | black, 12.2 to 1 |
| 31 | `#e6c9a1` | `oklch(85.01% 0.0627 75.46)` | Hagar Shores | black, 13.2 to 1 |
| 32 | `#e7d0aa` | `oklch(86.61% 0.0565 79.69)` | Durian White | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #241927 0.000% 3.125%, #281a2b 3.125% 6.250%, #2d1d32 6.250% 9.375%, #341f3a 9.375% 12.500%, #3b2243 12.500% 15.625%, #43254d 15.625% 18.750%, #4c2857 18.750% 21.875%, #542a62 21.875% 25.000%, #5d2d6c 25.000% 28.125%, #663074 28.125% 31.250%, #6f327b 31.250% 34.375%, #773480 34.375% 37.500%, #803683 37.500% 40.625%, #883784 40.625% 43.750%, #913884 43.750% 46.875%, #9a3983 46.875% 50.000%, #a23a81 50.000% 53.125%, #ab3c7d 53.125% 56.250%, #b33f79 56.250% 59.375%, #bb4474 59.375% 62.500%, #c34a70 62.500% 65.625%, #ca526c 65.625% 68.750%, #d25d68 68.750% 71.875%, #d86a66 71.875% 75.000%, #dd7966 75.000% 78.125%, #e18869 78.125% 81.250%, #e39871 81.250% 84.375%, #e4a77b 84.375% 87.500%, #e5b488 87.500% 90.625%, #e5bf95 90.625% 93.750%, #e6c9a1 93.750% 96.875%, #e7d0aa 96.875% 100.000%);
background: linear-gradient(135deg, oklch(23.23% 0.0303 319.22) 0.000% 3.125%, oklch(24.42% 0.0366 319.15) 3.125% 6.250%, oklch(25.97% 0.0450 318.82) 6.250% 9.375%, oklch(27.82% 0.0552 318.35) 9.375% 12.500%, oklch(29.88% 0.0665 317.85) 12.500% 15.625%, oklch(32.10% 0.0786 317.42) 15.625% 18.750%, oklch(34.40% 0.0908 317.20) 18.750% 21.875%, oklch(36.72% 0.1027 317.29) 21.875% 25.000%, oklch(38.99% 0.1138 317.81) 25.000% 28.125%, oklch(41.14% 0.1236 318.87) 28.125% 31.250%, oklch(43.10% 0.1315 320.59) 31.250% 34.375%, oklch(44.83% 0.1376 323.03) 34.375% 37.500%, oklch(46.38% 0.1432 326.04) 37.500% 40.625%, oklch(47.82% 0.1481 329.55) 40.625% 43.750%, oklch(49.17% 0.1524 333.52) 43.750% 46.875%, oklch(50.50% 0.1559 337.90) 46.875% 50.000%, oklch(51.83% 0.1585 342.63) 50.000% 53.125%, oklch(53.21% 0.1601 347.65) 53.125% 56.250%, oklch(54.69% 0.1606 352.93) 56.250% 59.375%, oklch(56.31% 0.1599 358.41) 59.375% 62.500%, oklch(58.12% 0.1579 4.03) 62.500% 65.625%, oklch(60.17% 0.1543 9.80) 65.625% 68.750%, oklch(62.59% 0.1481 16.38) 68.750% 71.875%, oklch(65.35% 0.1396 23.76) 71.875% 75.000%, oklch(68.32% 0.1292 31.67) 75.000% 78.125%, oklch(71.42% 0.1176 39.84) 78.125% 81.250%, oklch(74.53% 0.1054 48.02) 81.250% 84.375%, oklch(77.55% 0.0933 55.93) 84.375% 87.500%, oklch(80.37% 0.0817 63.32) 87.500% 90.625%, oklch(82.89% 0.0713 69.92) 90.625% 93.750%, oklch(85.01% 0.0627 75.46) 93.750% 96.875%, oklch(86.61% 0.0565 79.69) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.03 | 319.2 |
| 2 | 0.437 | 0.134 | 321.3 |
| 3 | 0.594 | 0.156 | 367.8 |
| 4 | 0.866 | 0.056 | 439.7 |

## In these collections

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

## Other forms

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