# Plum teal and ivory celestial fan

Black, purple, blue and gray angular swatches with 48 colors: #170f23, #191025, #1c1228, #20142b, #24162e, #281832, #2e1b35, #331d39, #39203d, #3f2340, #452644, #4a2948, #502c4b, #542f50, #583254, #5c3558, #5e385d, #5e3b62, #5e3e66, #5c416b, #5a446f, #574772, #534a75, #4e4d78, #4a5079, #45547a, #41577a, #3d5b7a, #3b5f7a, #3a6479, #3b6878, #3e6d78, #437379, #4b797a, #55817c, #61887f, #6e9082, #7c9887, #8aa18c, #99a993, #a7b29b, #b5baa3, #c1c2ac, #cdcab5, #d7d1be, #e0d8c7, #e7ddce, #ede2d4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, purple, blue and gray angular swatches
- Seed: `kUMB7WMpvDMETsj0iC-A`
- Page: https://grabient.com/kUMB7WMpvDMETsj0iC-A?style=angularSwatches&steps=48&angle=225
- Drawn as: angular swatches, 48 steps, 225 degrees
- Kinds: dark to light, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#170f23` | `oklch(18.90% 0.0413 300.94)` | Corbeau | white, 18.6 to 1 |
| 2 | `#191025` | `oklch(19.66% 0.0427 302.20)` | Corbeau | white, 18.3 to 1 |
| 3 | `#1c1228` | `oklch(20.62% 0.0445 304.13)` | Inside | white, 18 to 1 |
| 4 | `#20142b` | `oklch(21.73% 0.0466 306.61)` | Inside | white, 17.6 to 1 |
| 5 | `#24162e` | `oklch(22.98% 0.0491 309.50)` | Blacklist | white, 17.1 to 1 |
| 6 | `#281832` | `oklch(24.34% 0.0517 312.66)` | Blackcurrant | white, 16.5 to 1 |
| 7 | `#2e1b35` | `oklch(25.80% 0.0546 315.96)` | Blackcurrant | white, 15.9 to 1 |
| 8 | `#331d39` | `oklch(27.32% 0.0575 319.27)` | Fat Tuesday | white, 15.2 to 1 |
| 9 | `#39203d` | `oklch(28.88% 0.0604 322.46)` | Kokimurasaki Purple | white, 14.5 to 1 |
| 10 | `#3f2340` | `oklch(30.46% 0.0633 325.38)` | Profound Mauve | white, 13.7 to 1 |
| 11 | `#452644` | `oklch(32.04% 0.0661 327.92)` | Opulent Mauve | white, 13 to 1 |
| 12 | `#4a2948` | `oklch(33.59% 0.0686 329.93)` | Murasaki | white, 12.3 to 1 |
| 13 | `#502c4b` | `oklch(35.09% 0.0709 331.27)` | Murasaki | white, 11.6 to 1 |
| 14 | `#542f50` | `oklch(36.51% 0.0728 331.83)` | Plum Skin | white, 11 to 1 |
| 15 | `#583254` | `oklch(37.84% 0.0743 331.46)` | Japanese Violet | white, 10.4 to 1 |
| 16 | `#5c3558` | `oklch(39.04% 0.0754 330.02)` | Spanish Plum | white, 9.9 to 1 |
| 17 | `#5e385d` | `oklch(40.10% 0.0759 327.41)` | Purple Wineberry | white, 9.5 to 1 |
| 18 | `#5e3b62` | `oklch(40.98% 0.0760 323.71)` | Purple Splendour | white, 9.1 to 1 |
| 19 | `#5e3e66` | `oklch(41.70% 0.0756 319.06)` | Kikyō Purple | white, 8.8 to 1 |
| 20 | `#5c416b` | `oklch(42.30% 0.0750 313.55)` | Kikyō Purple | white, 8.6 to 1 |
| 21 | `#5a446f` | `oklch(42.80% 0.0740 307.28)` | Purple Feather | white, 8.4 to 1 |
| 22 | `#574772` | `oklch(43.24% 0.0728 300.33)` | Purple Feather | white, 8.2 to 1 |
| 23 | `#534a75` | `oklch(43.64% 0.0714 292.81)` | Red Cabbage | white, 8 to 1 |
| 24 | `#4e4d78` | `oklch(44.04% 0.0698 284.81)` | Skipper Blue | white, 7.9 to 1 |
| 25 | `#4a5079` | `oklch(44.46% 0.0680 276.43)` | Provocative | white, 7.7 to 1 |
| 26 | `#45547a` | `oklch(44.94% 0.0661 267.75)` | Mozart | white, 7.5 to 1 |
| 27 | `#41577a` | `oklch(45.50% 0.0641 258.88)` | Carter’s Scroll | white, 7.2 to 1 |
| 28 | `#3d5b7a` | `oklch(46.18% 0.0621 249.91)` | Carter’s Scroll | white, 7 to 1 |
| 29 | `#3b5f7a` | `oklch(47.00% 0.0601 240.93)` | Chinese Porcelain | white, 6.7 to 1 |
| 30 | `#3a6479` | `oklch(48.00% 0.0581 232.04)` | Mallard Blue | white, 6.4 to 1 |
| 31 | `#3b6878` | `oklch(49.20% 0.0561 223.33)` | Mammoth Mountain | white, 6 to 1 |
| 32 | `#3e6d78` | `oklch(50.64% 0.0543 214.90)` | Holy Water | white, 5.7 to 1 |
| 33 | `#437379` | `oklch(52.37% 0.0526 206.59)` | Ming | white, 5.2 to 1 |
| 34 | `#4b797a` | `oklch(54.46% 0.0506 197.69)` | Lucky Shamrock | white, 4.8 to 1 |
| 35 | `#55817c` | `oklch(56.86% 0.0485 188.24)` | Hanging Moss | black, 4.7 to 1 |
| 36 | `#61887f` | `oklch(59.52% 0.0463 178.39)` | Greenella | black, 5.3 to 1 |
| 37 | `#6e9082` | `oklch(62.38% 0.0440 168.25)` | Pine Ridge | black, 5.9 to 1 |
| 38 | `#7c9887` | `oklch(65.40% 0.0417 157.95)` | Mild Green | black, 6.7 to 1 |
| 39 | `#8aa18c` | `oklch(68.50% 0.0393 147.62)` | Hillside View | black, 7.5 to 1 |
| 40 | `#99a993` | `oklch(71.65% 0.0369 137.38)` | Green Amazons | black, 8.4 to 1 |
| 41 | `#a7b29b` | `oklch(74.78% 0.0346 127.35)` | Banksia | black, 9.4 to 1 |
| 42 | `#b5baa3` | `oklch(77.84% 0.0323 117.67)` | Tickled Crow | black, 10.5 to 1 |
| 43 | `#c1c2ac` | `oklch(80.78% 0.0302 108.45)` | Sidekick | black, 11.5 to 1 |
| 44 | `#cdcab5` | `oklch(83.54% 0.0281 99.82)` | Tropical Fog | black, 12.6 to 1 |
| 45 | `#d7d1be` | `oklch(86.07% 0.0263 91.91)` | Grand Piano | black, 13.7 to 1 |
| 46 | `#e0d8c7` | `oklch(88.32% 0.0246 84.84)` | Stretched Canvas | black, 14.7 to 1 |
| 47 | `#e7ddce` | `oklch(90.22% 0.0232 78.74)` | Ivory Memories | black, 15.6 to 1 |
| 48 | `#ede2d4` | `oklch(91.73% 0.0220 73.74)` | Battered Sausage | black, 16.4 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #170f23 0.000% 2.083%, #191025 2.083% 4.167%, #1c1228 4.167% 6.250%, #20142b 6.250% 8.333%, #24162e 8.333% 10.417%, #281832 10.417% 12.500%, #2e1b35 12.500% 14.583%, #331d39 14.583% 16.667%, #39203d 16.667% 18.750%, #3f2340 18.750% 20.833%, #452644 20.833% 22.917%, #4a2948 22.917% 25.000%, #502c4b 25.000% 27.083%, #542f50 27.083% 29.167%, #583254 29.167% 31.250%, #5c3558 31.250% 33.333%, #5e385d 33.333% 35.417%, #5e3b62 35.417% 37.500%, #5e3e66 37.500% 39.583%, #5c416b 39.583% 41.667%, #5a446f 41.667% 43.750%, #574772 43.750% 45.833%, #534a75 45.833% 47.917%, #4e4d78 47.917% 50.000%, #4a5079 50.000% 52.083%, #45547a 52.083% 54.167%, #41577a 54.167% 56.250%, #3d5b7a 56.250% 58.333%, #3b5f7a 58.333% 60.417%, #3a6479 60.417% 62.500%, #3b6878 62.500% 64.583%, #3e6d78 64.583% 66.667%, #437379 66.667% 68.750%, #4b797a 68.750% 70.833%, #55817c 70.833% 72.917%, #61887f 72.917% 75.000%, #6e9082 75.000% 77.083%, #7c9887 77.083% 79.167%, #8aa18c 79.167% 81.250%, #99a993 81.250% 83.333%, #a7b29b 83.333% 85.417%, #b5baa3 85.417% 87.500%, #c1c2ac 87.500% 89.583%, #cdcab5 89.583% 91.667%, #d7d1be 91.667% 93.750%, #e0d8c7 93.750% 95.833%, #e7ddce 95.833% 97.917%, #ede2d4 97.917% 100.000%);
background: conic-gradient(from 225deg, oklch(18.90% 0.0413 300.94) 0.000% 2.083%, oklch(19.66% 0.0427 302.20) 2.083% 4.167%, oklch(20.62% 0.0445 304.13) 4.167% 6.250%, oklch(21.73% 0.0466 306.61) 6.250% 8.333%, oklch(22.98% 0.0491 309.50) 8.333% 10.417%, oklch(24.34% 0.0517 312.66) 10.417% 12.500%, oklch(25.80% 0.0546 315.96) 12.500% 14.583%, oklch(27.32% 0.0575 319.27) 14.583% 16.667%, oklch(28.88% 0.0604 322.46) 16.667% 18.750%, oklch(30.46% 0.0633 325.38) 18.750% 20.833%, oklch(32.04% 0.0661 327.92) 20.833% 22.917%, oklch(33.59% 0.0686 329.93) 22.917% 25.000%, oklch(35.09% 0.0709 331.27) 25.000% 27.083%, oklch(36.51% 0.0728 331.83) 27.083% 29.167%, oklch(37.84% 0.0743 331.46) 29.167% 31.250%, oklch(39.04% 0.0754 330.02) 31.250% 33.333%, oklch(40.10% 0.0759 327.41) 33.333% 35.417%, oklch(40.98% 0.0760 323.71) 35.417% 37.500%, oklch(41.70% 0.0756 319.06) 37.500% 39.583%, oklch(42.30% 0.0750 313.55) 39.583% 41.667%, oklch(42.80% 0.0740 307.28) 41.667% 43.750%, oklch(43.24% 0.0728 300.33) 43.750% 45.833%, oklch(43.64% 0.0714 292.81) 45.833% 47.917%, oklch(44.04% 0.0698 284.81) 47.917% 50.000%, oklch(44.46% 0.0680 276.43) 50.000% 52.083%, oklch(44.94% 0.0661 267.75) 52.083% 54.167%, oklch(45.50% 0.0641 258.88) 54.167% 56.250%, oklch(46.18% 0.0621 249.91) 56.250% 58.333%, oklch(47.00% 0.0601 240.93) 58.333% 60.417%, oklch(48.00% 0.0581 232.04) 60.417% 62.500%, oklch(49.20% 0.0561 223.33) 62.500% 64.583%, oklch(50.64% 0.0543 214.90) 64.583% 66.667%, oklch(52.37% 0.0526 206.59) 66.667% 68.750%, oklch(54.46% 0.0506 197.69) 68.750% 70.833%, oklch(56.86% 0.0485 188.24) 70.833% 72.917%, oklch(59.52% 0.0463 178.39) 72.917% 75.000%, oklch(62.38% 0.0440 168.25) 75.000% 77.083%, oklch(65.40% 0.0417 157.95) 77.083% 79.167%, oklch(68.50% 0.0393 147.62) 79.167% 81.250%, oklch(71.65% 0.0369 137.38) 81.250% 83.333%, oklch(74.78% 0.0346 127.35) 83.333% 85.417%, oklch(77.84% 0.0323 117.67) 85.417% 87.500%, oklch(80.78% 0.0302 108.45) 87.500% 89.583%, oklch(83.54% 0.0281 99.82) 89.583% 91.667%, oklch(86.07% 0.0263 91.91) 91.667% 93.750%, oklch(88.32% 0.0246 84.84) 93.750% 95.833%, oklch(90.22% 0.0232 78.74) 95.833% 97.917%, oklch(91.73% 0.0220 73.74) 97.917% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.041 | 300.9 |
| 2 | 0.398 | 0.076 | 328.4 |
| 3 | 0.512 | 0.054 | 212.2 |
| 4 | 0.917 | 0.022 | 73.7 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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