# Near-black, teal and ochre aurora palette

The Near-black, teal and ochre aurora palette brings together dark blue, blue, teal, light yellow, and gold. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light yellow.

- Also called: Black, navy, teal and yellow radial gradient
- Seed: `kWLRWvrxY9-Ymur3MDebDE8Y`
- Page: https://grabient.com/kWLRWvrxY9-Ymur3MDebDE8Y?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, pastel, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 16 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 | `#06121d` | `oklch(17.72% 0.0289 246.80)` | Midnight Edition | white, 18.8 to 1 |
| 2 | `#071521` | `oklch(19.09% 0.0314 245.64)` | Creeping Death | white, 18.4 to 1 |
| 3 | `#091926` | `oklch(20.73% 0.0345 244.31)` | Creeping Death | white, 17.7 to 1 |
| 4 | `#0a1e2d` | `oklch(22.68% 0.0383 242.74)` | The Count’s Black | white, 16.9 to 1 |
| 5 | `#0c2434` | `oklch(24.96% 0.0425 240.86)` | Celestial Canvas | white, 15.9 to 1 |
| 6 | `#0e2b3c` | `oklch(27.61% 0.0471 238.60)` | Oceanic Noir | white, 14.6 to 1 |
| 7 | `#113346` | `oklch(30.65% 0.0519 235.90)` | NATO Blue | white, 13.2 to 1 |
| 8 | `#143d51` | `oklch(34.11% 0.0569 232.68)` | Duskwood | white, 11.5 to 1 |
| 9 | `#17495d` | `oklch(38.06% 0.0619 228.89)` | Ethereal Dance | white, 9.8 to 1 |
| 10 | `#1d576b` | `oklch(42.96% 0.0674 224.58)` | Corsair | white, 7.9 to 1 |
| 11 | `#25697c` | `oklch(48.72% 0.0734 219.80)` | Allports | white, 6.1 to 1 |
| 12 | `#2e7d8e` | `oklch(55.00% 0.0797 214.57)` | Bermuda | white, 4.7 to 1 |
| 13 | `#3993a0` | `oklch(61.45% 0.0861 208.88)` | Aqua Lake | black, 5.8 to 1 |
| 14 | `#44a8b0` | `oklch(67.71% 0.0924 202.75)` | Modal Blue | black, 7.4 to 1 |
| 15 | `#50bcbd` | `oklch(73.45% 0.0983 196.17)` | Lagoon Rock | black, 9.3 to 1 |
| 16 | `#5ccec6` | `oklch(78.32% 0.1037 189.17)` | Setting Sail | black, 11 to 1 |
| 17 | `#69dbc9` | `oklch(82.07% 0.1084 181.60)` | Jazzy Jade | black, 12.6 to 1 |
| 18 | `#77e6c7` | `oklch(85.12% 0.1127 172.84)` | Bubble Algae | black, 13.9 to 1 |
| 19 | `#89efc0` | `oklch(87.62% 0.1168 163.17)` | Vaporwave Pool | black, 15.1 to 1 |
| 20 | `#9cf4b7` | `oklch(89.62% 0.1205 153.02)` | Tenacious Tentacles | black, 16 to 1 |
| 21 | `#b1f7ab` | `oklch(91.17% 0.1239 142.83)` | Snappy Green | black, 16.8 to 1 |
| 22 | `#c4f89f` | `oklch(92.32% 0.1270 133.04)` | Menthol | black, 17.3 to 1 |
| 23 | `#d6f795` | `oklch(93.12% 0.1296 124.07)` | Creamy Avocado | black, 17.6 to 1 |
| 24 | `#e5f58c` | `oklch(93.62% 0.1318 116.38)` | Key Lime Water | black, 17.7 to 1 |
| 25 | `#eff284` | `oklch(93.70% 0.1335 110.09)` | Sunny | black, 17.7 to 1 |
| 26 | `#f6ed7d` | `oklch(93.07% 0.1345 104.65)` | Canola Oil | black, 17.3 to 1 |
| 27 | `#f9e675` | `oklch(91.90% 0.1351 99.96)` | Golden Glitter | black, 16.6 to 1 |
| 28 | `#fadf6f` | `oklch(90.41% 0.1353 95.94)` | Pale Gold | black, 15.8 to 1 |
| 29 | `#f9d768` | `oklch(88.77% 0.1352 92.52)` | Happy | black, 15 to 1 |
| 30 | `#f8d063` | `oklch(87.20% 0.1351 89.63)` | Soaked in Sun | black, 14.2 to 1 |
| 31 | `#f6cb5e` | `oklch(85.89% 0.1350 87.18)` | Bee Hall | black, 13.6 to 1 |
| 32 | `#f6c75c` | `oklch(85.04% 0.1350 85.11)` | Deep Fried Sunrays | black, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #06121d 0.0%, #071521 3.2%, #091926 6.5%, #0a1e2d 9.7%, #0c2434 12.9%, #0e2b3c 16.1%, #113346 19.4%, #143d51 22.6%, #17495d 25.8%, #1d576b 29.0%, #25697c 32.3%, #2e7d8e 35.5%, #3993a0 38.7%, #44a8b0 41.9%, #50bcbd 45.2%, #5ccec6 48.4%, #69dbc9 51.6%, #77e6c7 54.8%, #89efc0 58.1%, #9cf4b7 61.3%, #b1f7ab 64.5%, #c4f89f 67.7%, #d6f795 71.0%, #e5f58c 74.2%, #eff284 77.4%, #f6ed7d 80.6%, #f9e675 83.9%, #fadf6f 87.1%, #f9d768 90.3%, #f8d063 93.5%, #f6cb5e 96.8%, #f6c75c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0289 246.80) 0.0%, oklch(19.09% 0.0314 245.64) 3.2%, oklch(20.73% 0.0345 244.31) 6.5%, oklch(22.68% 0.0383 242.74) 9.7%, oklch(24.96% 0.0425 240.86) 12.9%, oklch(27.61% 0.0471 238.60) 16.1%, oklch(30.65% 0.0519 235.90) 19.4%, oklch(34.11% 0.0569 232.68) 22.6%, oklch(38.06% 0.0619 228.89) 25.8%, oklch(42.96% 0.0674 224.58) 29.0%, oklch(48.72% 0.0734 219.80) 32.3%, oklch(55.00% 0.0797 214.57) 35.5%, oklch(61.45% 0.0861 208.88) 38.7%, oklch(67.71% 0.0924 202.75) 41.9%, oklch(73.45% 0.0983 196.17) 45.2%, oklch(78.32% 0.1037 189.17) 48.4%, oklch(82.07% 0.1084 181.60) 51.6%, oklch(85.12% 0.1127 172.84) 54.8%, oklch(87.62% 0.1168 163.17) 58.1%, oklch(89.62% 0.1205 153.02) 61.3%, oklch(91.17% 0.1239 142.83) 64.5%, oklch(92.32% 0.1270 133.04) 67.7%, oklch(93.12% 0.1296 124.07) 71.0%, oklch(93.62% 0.1318 116.38) 74.2%, oklch(93.70% 0.1335 110.09) 77.4%, oklch(93.07% 0.1345 104.65) 80.6%, oklch(91.90% 0.1351 99.96) 83.9%, oklch(90.41% 0.1353 95.94) 87.1%, oklch(88.77% 0.1352 92.52) 90.3%, oklch(87.20% 0.1351 89.63) 93.5%, oklch(85.89% 0.1350 87.18) 96.8%, oklch(85.04% 0.1350 85.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.029 | 246.8 |
| 2 | 0.37 | 0.061 | 229.9 |
| 3 | 0.803 | 0.106 | 185.5 |
| 4 | 0.937 | 0.132 | 114.7 |
| 5 | 0.85 | 0.135 | 85.1 |

## In these collections

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

## Other forms

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