# Blue and forest green green multicolor palette

The Blue and forest green green multicolor palette brings together dark blue, purple, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark blue, and its lightest tone is green.

- Also called: Navy, purple, blue and dark green linear gradient
- Seed: `kWMRvQK6LA0QjQBVMqxMhtBQ`
- Page: https://grabient.com/kWMRvQK6LA0QjQBVMqxMhtBQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#151124` | `oklch(19.29% 0.0372 292.50)` | Corbeau | white, 18.4 to 1 |
| 2 | `#181328` | `oklch(20.46% 0.0422 293.14)` | Sambucus | white, 18 to 1 |
| 3 | `#1c152f` | `oklch(21.98% 0.0494 294.04)` | Lost in Sadness | white, 17.4 to 1 |
| 4 | `#211837` | `oklch(23.80% 0.0580 295.12)` | Prune Plum | white, 16.7 to 1 |
| 5 | `#271b40` | `oklch(25.83% 0.0672 296.28)` | Throat | white, 15.9 to 1 |
| 6 | `#2e1f49` | `oklch(28.02% 0.0764 297.44)` | Elderberry | white, 14.9 to 1 |
| 7 | `#352353` | `oklch(30.29% 0.0847 298.51)` | Stormy Night | white, 13.9 to 1 |
| 8 | `#3c275c` | `oklch(32.57% 0.0915 299.40)` | Stormy Night | white, 12.8 to 1 |
| 9 | `#422c64` | `oklch(34.81% 0.0960 300.11)` | Violet Indigo | white, 11.8 to 1 |
| 10 | `#4a316b` | `oklch(37.18% 0.0981 302.25)` | Violet Indigo | white, 10.7 to 1 |
| 11 | `#543770` | `oklch(39.71% 0.0984 305.66)` | Loden Purple | white, 9.7 to 1 |
| 12 | `#5e3d76` | `oklch(42.34% 0.0975 309.31)` | Heartless | white, 8.7 to 1 |
| 13 | `#67447b` | `oklch(44.99% 0.0962 312.17)` | Pageantry Purple | white, 7.7 to 1 |
| 14 | `#6f4b82` | `oklch(47.60% 0.0949 313.19)` | Plum Jam | white, 6.9 to 1 |
| 15 | `#75538b` | `oklch(50.12% 0.0944 311.35)` | Ninja Princess | white, 6.2 to 1 |
| 16 | `#785b96` | `oklch(52.46% 0.0953 305.61)` | Ghostly Purple | white, 5.6 to 1 |
| 17 | `#7464a4` | `oklch(54.65% 0.0983 294.62)` | Scampi | white, 5 to 1 |
| 18 | `#6871b4` | `oklch(57.12% 0.1037 276.67)` | Chetwode Blue | black, 4.6 to 1 |
| 19 | `#4d82c0` | `oklch(59.74% 0.1110 253.54)` | Blue Vault | black, 5.2 to 1 |
| 20 | `#0b94bf` | `oklch(62.28% 0.1190 227.44)` | Spa Dream | black, 6 to 1 |
| 21 | `#00a1a9` | `oklch(64.51% 0.1097 200.60)` | Ducati | black, 6.6 to 1 |
| 22 | `#00ab8f` | `oklch(66.21% 0.1246 175.22)` | Arcadia | black, 7.2 to 1 |
| 23 | `#43ae6d` | `oklch(67.16% 0.1379 153.55)` | Seaweed Green | black, 7.4 to 1 |
| 24 | `#69a950` | `oklch(67.12% 0.1394 137.80)` | Fern Flash | black, 7.4 to 1 |
| 25 | `#77a13e` | `oklch(65.76% 0.1369 129.21)` | Carol’s Purr | black, 6.9 to 1 |
| 26 | `#759635` | `oklch(62.93% 0.1305 125.88)` | Siskin Sprout | black, 6.2 to 1 |
| 27 | `#6b8a32` | `oklch(59.05% 0.1215 126.53)` | Gǎn Lǎn Lǜ Green | black, 5.3 to 1 |
| 28 | `#5b7d32` | `oklch(54.57% 0.1108 129.93)` | Hot Pepper Green | white, 4.7 to 1 |
| 29 | `#496f32` | `oklch(49.91% 0.0997 134.86)` | Botanical | white, 5.8 to 1 |
| 30 | `#3a6331` | `oklch(45.54% 0.0892 140.11)` | Greenhouse | white, 7 to 1 |
| 31 | `#2f5830` | `oklch(41.87% 0.0804 144.45)` | Pine | white, 8.2 to 1 |
| 32 | `#28512d` | `oklch(39.37% 0.0744 146.67)` | Kaitoke Green | white, 9.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #151124 0.0%, #181328 3.2%, #1c152f 6.5%, #211837 9.7%, #271b40 12.9%, #2e1f49 16.1%, #352353 19.4%, #3c275c 22.6%, #422c64 25.8%, #4a316b 29.0%, #543770 32.3%, #5e3d76 35.5%, #67447b 38.7%, #6f4b82 41.9%, #75538b 45.2%, #785b96 48.4%, #7464a4 51.6%, #6871b4 54.8%, #4d82c0 58.1%, #0b94bf 61.3%, #00a1a9 64.5%, #00ab8f 67.7%, #43ae6d 71.0%, #69a950 74.2%, #77a13e 77.4%, #759635 80.6%, #6b8a32 83.9%, #5b7d32 87.1%, #496f32 90.3%, #3a6331 93.5%, #2f5830 96.8%, #28512d 100.0%);
background: linear-gradient(135deg in oklch, oklch(19.29% 0.0372 292.50) 0.0%, oklch(20.46% 0.0422 293.14) 3.2%, oklch(21.98% 0.0494 294.04) 6.5%, oklch(23.80% 0.0580 295.12) 9.7%, oklch(25.83% 0.0672 296.28) 12.9%, oklch(28.02% 0.0764 297.44) 16.1%, oklch(30.29% 0.0847 298.51) 19.4%, oklch(32.57% 0.0915 299.40) 22.6%, oklch(34.81% 0.0960 300.11) 25.8%, oklch(37.18% 0.0981 302.25) 29.0%, oklch(39.71% 0.0984 305.66) 32.3%, oklch(42.34% 0.0975 309.31) 35.5%, oklch(44.99% 0.0962 312.17) 38.7%, oklch(47.60% 0.0949 313.19) 41.9%, oklch(50.12% 0.0944 311.35) 45.2%, oklch(52.46% 0.0953 305.61) 48.4%, oklch(54.65% 0.0983 294.62) 51.6%, oklch(57.12% 0.1037 276.67) 54.8%, oklch(59.74% 0.1110 253.54) 58.1%, oklch(62.28% 0.1190 227.44) 61.3%, oklch(64.51% 0.1097 200.60) 64.5%, oklch(66.21% 0.1246 175.22) 67.7%, oklch(67.16% 0.1379 153.55) 71.0%, oklch(67.12% 0.1394 137.80) 74.2%, oklch(65.76% 0.1369 129.21) 77.4%, oklch(62.93% 0.1305 125.88) 80.6%, oklch(59.05% 0.1215 126.53) 83.9%, oklch(54.57% 0.1108 129.93) 87.1%, oklch(49.91% 0.0997 134.86) 90.3%, oklch(45.54% 0.0892 140.11) 93.5%, oklch(41.87% 0.0804 144.45) 96.8%, oklch(39.37% 0.0744 146.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.037 | 292.5 |
| 2 | 0.343 | 0.095 | 299.9 |
| 3 | 0.535 | 0.096 | 301 |
| 4 | 0.669 | 0.139 | 135 |
| 5 | 0.394 | 0.074 | 146.7 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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