# Near-black and teal aurora palette

The Near-black and teal aurora palette brings together dark blue, blue, teal, and pale teal. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale teal.

- Also called: Black, blue and light blue linear swatches
- Seed: `kUJBmuMMHBtQ9uz2FDzg`
- Page: https://grabient.com/kUJBmuMMHBtQ9uz2FDzg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- 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 | `#000a17` | `oklch(14.17% 0.0344 244.69)` | Black Knight | white, 19.8 to 1 |
| 2 | `#003c92` | `oklch(38.20% 0.1520 259.53)` | Amalfitan Azure | white, 10.2 to 1 |
| 3 | `#00a3c4` | `oklch(66.14% 0.1199 219.33)` | Scuba Blue | black, 7 to 1 |
| 4 | `#bef4f2` | `oklch(92.91% 0.0551 193.96)` | Ice Citadel | black, 17.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000a17 0.000% 25.000%, #003c92 25.000% 50.000%, #00a3c4 50.000% 75.000%, #bef4f2 75.000% 100.000%);
background: linear-gradient(90deg, oklch(14.17% 0.0344 244.69) 0.000% 25.000%, oklch(38.20% 0.1520 259.53) 25.000% 50.000%, oklch(66.14% 0.1199 219.33) 50.000% 75.000%, oklch(92.91% 0.0551 193.96) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.034 | 244.7 |
| 2 | 0.382 | 0.181 | 259.5 |
| 3 | 0.661 | 0.169 | 219.3 |
| 4 | 0.929 | 0.055 | 194 |

## In these collections

- [Aurora swatches](https://grabient.com/aurora-swatches)

## Other forms

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