# Near-black and teal color palette

The Near-black and teal color palette brings together dark blue, dark teal, and teal. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Analogous black, navy and teal linear swatches
- Seed: `kSKySjo50-7Mkvu`
- Page: https://grabient.com/kSKySjo50-7Mkvu?style=linearSwatches&steps=3
- Drawn as: linear swatches, 3 steps, 90 degrees
- Kinds: vivid, dark, cool
- Hues: analogous
- 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 | `#00121b` | `oklch(16.96% 0.0340 230.53)` | Kuretake Black Manga | white, 19 to 1 |
| 2 | `#002e3b` | `oklch(27.96% 0.0515 221.58)` | Black Chasm | white, 14.4 to 1 |
| 3 | `#00525f` | `oklch(40.16% 0.0703 213.04)` | Sandalwood Grey Blue | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00121b 0.000% 33.333%, #002e3b 33.333% 66.667%, #00525f 66.667% 100.000%);
background: linear-gradient(90deg, oklch(16.96% 0.0340 230.53) 0.000% 33.333%, oklch(27.96% 0.0515 221.58) 33.333% 66.667%, oklch(40.16% 0.0703 213.04) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.05 | 229.9 |
| 2 | 0.28 | 0.08 | 221.5 |
| 3 | 0.402 | 0.101 | 213 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)
- [Cyan swatches](https://grabient.com/cyan-swatches)
- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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