# Indigo into Spring Green

The "Blue and Green: Indigo and turquoise" palette brings together blue and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Vivid duotone blue and green radial swatches
- Seed: `kYYKPDsr-_7yePZLnbX2zy9WjRP0`
- Page: https://grabient.com/kYYKPDsr-_7yePZLnbX2zy9WjRP0?style=radialSwatches&steps=8&angle=225
- Drawn as: radial swatches, 8 steps, 225 degrees
- Kinds: dark to light, vivid, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.9 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 | `#2f12b5` | `oklch(37.80% 0.2246 274.92)` | Galactic Highway | white, 11.2 to 1 |
| 2 | `#3327a8` | `oklch(38.71% 0.1937 276.39)` | Indigo Blue | white, 10.5 to 1 |
| 3 | `#354596` | `oklch(42.52% 0.1336 271.10)` | Cascade Twilight | white, 8.5 to 1 |
| 4 | `#39658a` | `oklch(49.12% 0.0769 245.60)` | Drake’s Neck | white, 6.1 to 1 |
| 5 | `#40887b` | `oklch(57.71% 0.0761 179.67)` | Carlisle | black, 5 to 1 |
| 6 | `#4baa6e` | `oklch(66.51% 0.1276 153.17)` | Fresh Oregano | black, 7.2 to 1 |
| 7 | `#51cc5d` | `oklch(75.12% 0.1866 145.22)` | UFO Green | black, 10.1 to 1 |
| 8 | `#5ae756` | `oklch(82.28% 0.2232 142.83)` | Toxic Slime | black, 13 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2f12b5 0.000% 12.500%, #3327a8 12.500% 25.000%, #354596 25.000% 37.500%, #39658a 37.500% 50.000%, #40887b 50.000% 62.500%, #4baa6e 62.500% 75.000%, #51cc5d 75.000% 87.500%, #5ae756 87.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(37.80% 0.2246 274.92) 0.000% 12.500%, oklch(38.71% 0.1937 276.39) 12.500% 25.000%, oklch(42.52% 0.1336 271.10) 25.000% 37.500%, oklch(49.12% 0.0769 245.60) 37.500% 50.000%, oklch(57.71% 0.0761 179.67) 50.000% 62.500%, oklch(66.51% 0.1276 153.17) 62.500% 75.000%, oklch(75.12% 0.1866 145.22) 75.000% 87.500%, oklch(82.28% 0.2232 142.83) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.225 | 274.9 |
| 2 | 0.398 | 0.175 | 274.9 |
| 3 | 0.476 | 0.083 | 254.8 |
| 4 | 0.594 | 0.081 | 170.3 |
| 5 | 0.717 | 0.167 | 148.1 |
| 6 | 0.823 | 0.223 | 142.8 |

## In these collections

- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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