# Navy, turquoise and lime y2k palette

The Navy, turquoise and lime y2k palette brings together dark blue, blue, teal, and green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is green.

- Also called: Navy, green and yellow radial swatches
- Seed: `kWNSPBLh8_NerOTxxDmeMG74`
- Page: https://grabient.com/kWNSPBLh8_NerOTxxDmeMG74?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 15.8 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 | `#10162e` | `oklch(20.87% 0.0482 271.41)` | Liberty Blue | white, 17.8 to 1 |
| 2 | `#273b6a` | `oklch(36.22% 0.0854 265.07)` | Blue Depths | white, 10.8 to 1 |
| 3 | `#00afc1` | `oklch(68.90% 0.1184 208.01)` | Antigua Blue | black, 7.8 to 1 |
| 4 | `#60ffa2` | `oklch(89.37% 0.1863 154.11)` | Hanuman Green | black, 16.3 to 1 |
| 5 | `#dfff6d` | `oklch(94.88% 0.1740 120.29)` | Isotonic Water | black, 18.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #10162e 0.000% 20.000%, #273b6a 20.000% 40.000%, #00afc1 40.000% 60.000%, #60ffa2 60.000% 80.000%, #dfff6d 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.87% 0.0482 271.41) 0.000% 20.000%, oklch(36.22% 0.0854 265.07) 20.000% 40.000%, oklch(68.90% 0.1184 208.01) 40.000% 60.000%, oklch(89.37% 0.1863 154.11) 60.000% 80.000%, oklch(94.88% 0.1740 120.29) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.048 | 271.4 |
| 2 | 0.362 | 0.085 | 265.1 |
| 3 | 0.689 | 0.119 | 208 |
| 4 | 0.894 | 0.187 | 154.1 |
| 5 | 0.949 | 0.181 | 120.3 |

## In these collections

- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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