# Olive and blue green multicolor palette

The Olive and blue green multicolor palette brings together dark green and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark green, and its lightest tone is blue.

- Also called: Duotone dark green and blue linear swatches
- Seed: `kcSDNZJRxAiYZwAqEsysTjCjhNwA9Wr_vty_4`
- Page: https://grabient.com/kcSDNZJRxAiYZwAqEsysTjCjhNwA9Wr_vty_4?style=linearSwatches&steps=8&angle=135
- Drawn as: linear swatches, 8 steps, 135 degrees
- Kinds: vivid, dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.1 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 | `#222f01` | `oklch(28.35% 0.0703 125.16)` | Blind Forest | white, 14.2 to 1 |
| 2 | `#1e3301` | `oklch(29.13% 0.0772 130.44)` | Blind Forest | white, 13.7 to 1 |
| 3 | `#20340a` | `oklch(29.92% 0.0703 131.50)` | Blind Forest | white, 13.4 to 1 |
| 4 | `#1a394d` | `oklch(33.07% 0.0510 239.29)` | Subterranean River | white, 12 to 1 |
| 5 | `#0a3b95` | `oklch(38.58% 0.1557 261.48)` | Amalfitan Azure | white, 10 to 1 |
| 6 | `#0041c5` | `oklch(44.10% 0.2133 262.56)` | Once in a Blue Moon | white, 8.2 to 1 |
| 7 | `#0049dd` | `oklch(48.04% 0.2323 262.55)` | Merchant Marine Blue | white, 6.9 to 1 |
| 8 | `#004ce4` | `oklch(49.22% 0.2379 262.55)` | Merchant Marine Blue | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #222f01 0.000% 12.500%, #1e3301 12.500% 25.000%, #20340a 25.000% 37.500%, #1a394d 37.500% 50.000%, #0a3b95 50.000% 62.500%, #0041c5 62.500% 75.000%, #0049dd 75.000% 87.500%, #004ce4 87.500% 100.000%);
background: linear-gradient(135deg, oklch(28.35% 0.0703 125.16) 0.000% 12.500%, oklch(29.13% 0.0772 130.44) 12.500% 25.000%, oklch(29.92% 0.0703 131.50) 25.000% 37.500%, oklch(33.07% 0.0510 239.29) 37.500% 50.000%, oklch(38.58% 0.1557 261.48) 50.000% 62.500%, oklch(44.10% 0.2133 262.56) 62.500% 75.000%, oklch(48.04% 0.2323 262.55) 75.000% 87.500%, oklch(49.22% 0.2379 262.55) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.07 | 125.2 |
| 2 | 0.291 | 0.077 | 130.4 |
| 3 | 0.299 | 0.07 | 131.5 |
| 4 | 0.331 | 0.051 | 239.3 |
| 5 | 0.386 | 0.156 | 261.5 |
| 6 | 0.441 | 0.214 | 262.5 |
| 7 | 0.48 | 0.249 | 262.5 |
| 8 | 0.492 | 0.255 | 262.5 |

## In these collections

- [Olive color palette](https://grabient.com/olive-color-palette)
- [Indigo yukata](https://grabient.com/indigo-yukata)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)

## Other forms

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