# Near-black, turquoise and sky blue color palette

The Near-black, turquoise and sky blue color palette brings together black, dark blue, teal, magenta, and pale teal. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits travel posters and environmental mood boards. Its darkest tone is black, and its lightest tone is pale teal.

- Also called: Black, navy, pink and light blue linear swatches
- Seed: `kWHg-1nqC_9vIuhS08_9RYvY`
- Page: https://grabient.com/kWHg-1nqC_9vIuhS08_9RYvY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 16.4 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 | `#02060d` | `oklch(11.81% 0.0207 255.23)` | Eight Ball | white, 20.3 to 1 |
| 2 | `#001e44` | `oklch(24.03% 0.0804 255.44)` | Midnight Mirage | white, 16.5 to 1 |
| 3 | `#00baca` | `oklch(72.05% 0.1232 205.57)` | Utopia Beckons | black, 8.8 to 1 |
| 4 | `#e441b8` | `oklch(64.96% 0.2301 340.83)` | Pink Bite | black, 5.7 to 1 |
| 5 | `#b6f2f6` | `oklch(92.13% 0.0606 201.34)` | Cold Blooded | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #02060d 0.000% 20.000%, #001e44 20.000% 40.000%, #00baca 40.000% 60.000%, #e441b8 60.000% 80.000%, #b6f2f6 80.000% 100.000%);
background: linear-gradient(90deg, oklch(11.81% 0.0207 255.23) 0.000% 20.000%, oklch(24.03% 0.0804 255.44) 20.000% 40.000%, oklch(72.05% 0.1232 205.57) 40.000% 60.000%, oklch(64.96% 0.2301 340.83) 60.000% 80.000%, oklch(92.13% 0.0606 201.34) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.021 | 255.2 |
| 2 | 0.24 | 0.09 | 255.2 |
| 3 | 0.72 | 0.2 | 205.6 |
| 4 | 0.65 | 0.23 | 340.8 |
| 5 | 0.921 | 0.061 | 201.3 |

## In these collections

- [Cyberpunk swatches](https://grabient.com/cyberpunk-swatches)
- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)

## Other forms

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