# Near-black, deep cyan and navy color palette

The Near-black, deep cyan and navy color palette brings together dark blue, teal, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Seamless cool navy, cyan and blue linear gradient
- Seed: `kWLBm6ZrE5EilQYpGcKl5BBw`
- Page: https://grabient.com/kWLBm6ZrE5EilQYpGcKl5BBw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#08101f` | `oklch(17.32% 0.0344 261.56)` | Nyctophobia | white, 19 to 1 |
| 2 | `#0f1d31` | `oklch(23.03% 0.0435 256.39)` | Trapped Darkness | white, 16.8 to 1 |
| 3 | `#18334c` | `oklch(31.33% 0.0566 248.92)` | Sea of Stars | white, 12.9 to 1 |
| 4 | `#20506e` | `oklch(41.25% 0.0722 239.99)` | Kinetic Blue | white, 8.6 to 1 |
| 5 | `#247192` | `oklch(51.82% 0.0889 230.44)` | Big Ocean Wave | white, 5.4 to 1 |
| 6 | `#2394b3` | `oklch(62.07% 0.1051 221.12)` | Bondi Blue | black, 5.9 to 1 |
| 7 | `#1eb4ce` | `oklch(71.03% 0.1194 212.85)` | Aquarius | black, 8.5 to 1 |
| 8 | `#19cde0` | `oklch(77.74% 0.1302 206.47)` | Picnic Day Sky | black, 10.8 to 1 |
| 9 | `#17dbe8` | `oklch(81.26% 0.1360 202.79)` | Tamarama | black, 12.3 to 1 |
| 10 | `#14dde9` | `oklch(81.85% 0.1373 201.48)` | Tamarama | black, 12.5 to 1 |
| 11 | `#0fd8e3` | `oklch(80.25% 0.1352 201.89)` | Aztec Turquoise | black, 11.9 to 1 |
| 12 | `#07ccda` | `oklch(77.01% 0.1305 203.64)` | Jade Glass | black, 10.6 to 1 |
| 13 | `#02bccd` | `oklch(72.70% 0.1243 206.31)` | Holiday Blue | black, 9 to 1 |
| 14 | `#00abbf` | `oklch(67.86% 0.1172 209.52)` | Bahaman Sea | black, 7.5 to 1 |
| 15 | `#009ab1` | `oklch(63.05% 0.1102 212.84)` | Caneel Bay | black, 6.2 to 1 |
| 16 | `#008ca4` | `oklch(58.81% 0.1043 215.88)` | Parrot Flight | black, 5.2 to 1 |
| 17 | `#01809a` | `oklch(55.50% 0.0999 218.42)` | Amazing Sky | white, 4.5 to 1 |
| 18 | `#017590` | `oklch(52.19% 0.0957 221.19)` | Cleopatra | white, 5.2 to 1 |
| 19 | `#016a86` | `oklch(48.78% 0.0914 224.24)` | Ansel | white, 6.1 to 1 |
| 20 | `#025f7c` | `oklch(45.35% 0.0873 227.45)` | Blue Edge | white, 7.1 to 1 |
| 21 | `#035472` | `oklch(41.97% 0.0831 230.72)` | Night Kite | white, 8.3 to 1 |
| 22 | `#044a68` | `oklch(38.71% 0.0790 233.93)` | Adriatic | white, 9.5 to 1 |
| 23 | `#05415e` | `oklch(35.67% 0.0751 236.99)` | Neptune’s Wrath | white, 10.8 to 1 |
| 24 | `#053956` | `oklch(32.92% 0.0712 239.78)` | Gibraltar Sea | white, 12.1 to 1 |
| 25 | `#06324e` | `oklch(30.46% 0.0674 242.32)` | Dark Denim Blue | white, 13.3 to 1 |
| 26 | `#062c46` | `oklch(28.15% 0.0635 244.82)` | Midnight Ocean | white, 14.4 to 1 |
| 27 | `#07263f` | `oklch(26.02% 0.0595 247.24)` | Murky Depths | white, 15.4 to 1 |
| 28 | `#072139` | `oklch(24.07% 0.0557 249.53)` | Midnight Dreams | white, 16.4 to 1 |
| 29 | `#061c33` | `oklch(22.33% 0.0521 251.63)` | Trapped Darkness | white, 17.1 to 1 |
| 30 | `#06182d` | `oklch(20.81% 0.0489 253.50)` | Oxford by Night | white, 17.8 to 1 |
| 31 | `#061529` | `oklch(19.53% 0.0462 255.06)` | Creeping Death | white, 18.2 to 1 |
| 32 | `#051326` | `oklch(18.50% 0.0441 256.28)` | Kuretake Black Manga | white, 18.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #08101f 0.0%, #0f1d31 3.2%, #18334c 6.5%, #20506e 9.7%, #247192 12.9%, #2394b3 16.1%, #1eb4ce 19.4%, #19cde0 22.6%, #17dbe8 25.8%, #14dde9 29.0%, #0fd8e3 32.3%, #07ccda 35.5%, #02bccd 38.7%, #00abbf 41.9%, #009ab1 45.2%, #008ca4 48.4%, #01809a 51.6%, #017590 54.8%, #016a86 58.1%, #025f7c 61.3%, #035472 64.5%, #044a68 67.7%, #05415e 71.0%, #053956 74.2%, #06324e 77.4%, #062c46 80.6%, #07263f 83.9%, #072139 87.1%, #061c33 90.3%, #06182d 93.5%, #061529 96.8%, #051326 100.0%);
background: linear-gradient(90deg in oklch, oklch(17.32% 0.0344 261.56) 0.0%, oklch(23.03% 0.0435 256.39) 3.2%, oklch(31.33% 0.0566 248.92) 6.5%, oklch(41.25% 0.0722 239.99) 9.7%, oklch(51.82% 0.0889 230.44) 12.9%, oklch(62.07% 0.1051 221.12) 16.1%, oklch(71.03% 0.1194 212.85) 19.4%, oklch(77.74% 0.1302 206.47) 22.6%, oklch(81.26% 0.1360 202.79) 25.8%, oklch(81.85% 0.1373 201.48) 29.0%, oklch(80.25% 0.1352 201.89) 32.3%, oklch(77.01% 0.1305 203.64) 35.5%, oklch(72.70% 0.1243 206.31) 38.7%, oklch(67.86% 0.1172 209.52) 41.9%, oklch(63.05% 0.1102 212.84) 45.2%, oklch(58.81% 0.1043 215.88) 48.4%, oklch(55.50% 0.0999 218.42) 51.6%, oklch(52.19% 0.0957 221.19) 54.8%, oklch(48.78% 0.0914 224.24) 58.1%, oklch(45.35% 0.0873 227.45) 61.3%, oklch(41.97% 0.0831 230.72) 64.5%, oklch(38.71% 0.0790 233.93) 67.7%, oklch(35.67% 0.0751 236.99) 71.0%, oklch(32.92% 0.0712 239.78) 74.2%, oklch(30.46% 0.0674 242.32) 77.4%, oklch(28.15% 0.0635 244.82) 80.6%, oklch(26.02% 0.0595 247.24) 83.9%, oklch(24.07% 0.0557 249.53) 87.1%, oklch(22.33% 0.0521 251.63) 90.3%, oklch(20.81% 0.0489 253.50) 93.5%, oklch(19.53% 0.0462 255.06) 96.8%, oklch(18.50% 0.0441 256.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.034 | 261.6 |
| 2 | 0.807 | 0.135 | 203.4 |
| 3 | 0.571 | 0.102 | 217.2 |
| 4 | 0.323 | 0.07 | 240.4 |
| 5 | 0.185 | 0.044 | 256.3 |

## In these collections

- [Cool blue](https://grabient.com/cool-blue)
- [Turquoise](https://grabient.com/turquoise)
- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)

## Other forms

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