# Dark green, blue, purple and brown angular swatches

Dark green, blue, purple and brown angular swatches with 32 colors: #002803, #00310d, #003d1b, #004d2c, #005f40, #007357, #008670, #00998a, #00a9a3, #00b5bb, #00bccf, #00bde0, #00b8ee, #00aeff, #459fff, #628df8, #7679ea, #8265d6, #8a52bf, #8d41a6, #8d318d, #8c2377, #891362, #83004c, #780039, #6c0028, #600019, #54000b, #490001, #3d0500, #320800, #2b0800. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUPXlm3TzHzs8zoZPMfA`
- Page: https://grabient.com/kUPXlm3TzHzs8zoZPMfA?style=angularSwatches&steps=32
- Drawn as: angular swatches, 32 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: rainbow
- Contrast of its darkest and lightest colors: 8.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 | `#002803` | `oklch(24.03% 0.0779 144.00)` | Zia Olive | white, 16 to 1 |
| 2 | `#00310d` | `oklch(27.17% 0.0794 147.61)` | Haunted Hills | white, 14.5 to 1 |
| 3 | `#003d1b` | `oklch(31.60% 0.0833 151.91)` | Melancholia | white, 12.4 to 1 |
| 4 | `#004d2c` | `oklch(36.98% 0.0883 156.85)` | Troll Green | white, 10 to 1 |
| 5 | `#005f40` | `oklch(42.98% 0.0937 162.43)` | Spruce | white, 7.7 to 1 |
| 6 | `#007357` | `oklch(49.25% 0.0990 168.60)` | Green Velvet | white, 5.8 to 1 |
| 7 | `#008670` | `oklch(55.45% 0.1042 175.36)` | Summer Turquoise | black, 4.6 to 1 |
| 8 | `#00998a` | `oklch(61.25% 0.1093 182.67)` | Plumage | black, 5.9 to 1 |
| 9 | `#00a9a3` | `oklch(66.29% 0.1143 190.51)` | Tropical Hideaway | black, 7.1 to 1 |
| 10 | `#00b5bb` | `oklch(70.24% 0.1194 198.85)` | Cyan Sky | black, 8.3 to 1 |
| 11 | `#00bccf` | `oklch(72.77% 0.1250 207.68)` | Holiday Blue | black, 9.1 to 1 |
| 12 | `#00bde0` | `oklch(73.65% 0.1317 217.20)` | Maldives | black, 9.3 to 1 |
| 13 | `#00b8ee` | `oklch(73.22% 0.1429 228.05)` | Cyanite | black, 9.1 to 1 |
| 14 | `#00aeff` | `oklch(71.72% 0.1642 239.99)` | Krishna Blue | black, 8.5 to 1 |
| 15 | `#459fff` | `oklch(69.34% 0.1653 252.69)` | Sky Dancer | black, 7.6 to 1 |
| 16 | `#628df8` | `oklch(66.30% 0.1667 265.87)` | Punch Out Glove | black, 6.6 to 1 |
| 17 | `#7679ea` | `oklch(62.80% 0.1667 279.20)` | Hera Blue | black, 5.6 to 1 |
| 18 | `#8265d6` | `oklch(59.04% 0.1667 292.38)` | C64 Purple | black, 4.8 to 1 |
| 19 | `#8a52bf` | `oklch(55.24% 0.1667 305.09)` | Harley Hair Purple | white, 5.1 to 1 |
| 20 | `#8d41a6` | `oklch(51.60% 0.1667 317.03)` | Tyrian Shimmer | white, 6.1 to 1 |
| 21 | `#8d318d` | `oklch(48.33% 0.1667 327.88)` | Warm Purple | white, 7 to 1 |
| 22 | `#8c2377` | `oklch(45.58% 0.1667 337.40)` | Noble Plum | white, 7.9 to 1 |
| 23 | `#891362` | `oklch(42.81% 0.1667 346.22)` | Possessed Purple | white, 8.9 to 1 |
| 24 | `#83004c` | `oklch(39.90% 0.1640 354.59)` | Renanthera Orchid | white, 10.1 to 1 |
| 25 | `#780039` | `oklch(36.89% 0.1488 2.44)` | Merlot | white, 11.3 to 1 |
| 26 | `#6c0028` | `oklch(33.88% 0.1355 9.76)` | Plum Cheese | white, 12.6 to 1 |
| 27 | `#600019` | `oklch(30.94% 0.1238 16.54)` | Baal Red Wash | white, 13.9 to 1 |
| 28 | `#54000b` | `oklch(28.13% 0.1135 22.73)` | Saving Light | white, 15.2 to 1 |
| 29 | `#490001` | `oklch(25.53% 0.1045 28.33)` | Old Mahogany | white, 16.3 to 1 |
| 30 | `#3d0500` | `oklch(23.19% 0.0862 32.70)` | Biltong | white, 17.2 to 1 |
| 31 | `#320800` | `oklch(21.23% 0.0714 36.80)` | 3AM Breakup | white, 17.9 to 1 |
| 32 | `#2b0800` | `oklch(19.69% 0.0616 40.20)` | Root Brew | white, 18.4 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #002803 0.000% 3.125%, #00310d 3.125% 6.250%, #003d1b 6.250% 9.375%, #004d2c 9.375% 12.500%, #005f40 12.500% 15.625%, #007357 15.625% 18.750%, #008670 18.750% 21.875%, #00998a 21.875% 25.000%, #00a9a3 25.000% 28.125%, #00b5bb 28.125% 31.250%, #00bccf 31.250% 34.375%, #00bde0 34.375% 37.500%, #00b8ee 37.500% 40.625%, #00aeff 40.625% 43.750%, #459fff 43.750% 46.875%, #628df8 46.875% 50.000%, #7679ea 50.000% 53.125%, #8265d6 53.125% 56.250%, #8a52bf 56.250% 59.375%, #8d41a6 59.375% 62.500%, #8d318d 62.500% 65.625%, #8c2377 65.625% 68.750%, #891362 68.750% 71.875%, #83004c 71.875% 75.000%, #780039 75.000% 78.125%, #6c0028 78.125% 81.250%, #600019 81.250% 84.375%, #54000b 84.375% 87.500%, #490001 87.500% 90.625%, #3d0500 90.625% 93.750%, #320800 93.750% 96.875%, #2b0800 96.875% 100.000%);
background: conic-gradient(from 90deg, oklch(24.03% 0.0779 144.00) 0.000% 3.125%, oklch(27.17% 0.0794 147.61) 3.125% 6.250%, oklch(31.60% 0.0833 151.91) 6.250% 9.375%, oklch(36.98% 0.0883 156.85) 9.375% 12.500%, oklch(42.98% 0.0937 162.43) 12.500% 15.625%, oklch(49.25% 0.0990 168.60) 15.625% 18.750%, oklch(55.45% 0.1042 175.36) 18.750% 21.875%, oklch(61.25% 0.1093 182.67) 21.875% 25.000%, oklch(66.29% 0.1143 190.51) 25.000% 28.125%, oklch(70.24% 0.1194 198.85) 28.125% 31.250%, oklch(72.77% 0.1250 207.68) 31.250% 34.375%, oklch(73.65% 0.1317 217.20) 34.375% 37.500%, oklch(73.22% 0.1429 228.05) 37.500% 40.625%, oklch(71.72% 0.1642 239.99) 40.625% 43.750%, oklch(69.34% 0.1653 252.69) 43.750% 46.875%, oklch(66.30% 0.1667 265.87) 46.875% 50.000%, oklch(62.80% 0.1667 279.20) 50.000% 53.125%, oklch(59.04% 0.1667 292.38) 53.125% 56.250%, oklch(55.24% 0.1667 305.09) 56.250% 59.375%, oklch(51.60% 0.1667 317.03) 59.375% 62.500%, oklch(48.33% 0.1667 327.88) 62.500% 65.625%, oklch(45.58% 0.1667 337.40) 65.625% 68.750%, oklch(42.81% 0.1667 346.22) 68.750% 71.875%, oklch(39.90% 0.1640 354.59) 71.875% 75.000%, oklch(36.89% 0.1488 2.44) 75.000% 78.125%, oklch(33.88% 0.1355 9.76) 78.125% 81.250%, oklch(30.94% 0.1238 16.54) 81.250% 84.375%, oklch(28.13% 0.1135 22.73) 84.375% 87.500%, oklch(25.53% 0.1045 28.33) 87.500% 90.625%, oklch(23.19% 0.0862 32.70) 90.625% 93.750%, oklch(21.23% 0.0714 36.80) 93.750% 96.875%, oklch(19.69% 0.0616 40.20) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.167 | 144.1 |
| 2 | 0.732 | 0.167 | 210.7 |
| 3 | 0.465 | 0.167 | 334.4 |
| 4 | 0.197 | 0.167 | 400.9 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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