# Near-black and blue discord server banner palette

The Near-black and blue discord server banner palette brings together dark blue, blue, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits community banners and social graphics. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Analogous navy, blue and teal linear gradient
- Seed: `kWKxbHIqS_7C6PjRrzjHpZFQ`
- Page: https://grabient.com/kWKxbHIqS_7C6PjRrzjHpZFQ?steps=40&angle=180
- Drawn as: linear gradient, 40 steps, 180 degrees
- Kinds: light center, dark, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 6 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 | `#0d0e1c` | `oklch(16.93% 0.0303 279.84)` | Nyctophobia | white, 19.1 to 1 |
| 2 | `#0e0f1f` | `oklch(17.55% 0.0347 279.91)` | Corbeau | white, 19 to 1 |
| 3 | `#0f1024` | `oklch(18.35% 0.0404 280.09)` | Corbeau | white, 18.7 to 1 |
| 4 | `#111129` | `oklch(19.30% 0.0471 280.33)` | Corbeau | white, 18.4 to 1 |
| 5 | `#13132f` | `oklch(20.36% 0.0547 280.58)` | Liberty Blue | white, 18.1 to 1 |
| 6 | `#151435` | `oklch(21.51% 0.0628 280.79)` | Lost in Sadness | white, 17.7 to 1 |
| 7 | `#17163c` | `oklch(22.71% 0.0712 280.92)` | Lost in Sadness | white, 17.2 to 1 |
| 8 | `#1a1843` | `oklch(23.93% 0.0796 280.92)` | Prune Plum | white, 16.7 to 1 |
| 9 | `#1c194a` | `oklch(25.15% 0.0877 280.74)` | Tetsu-Kon Blue | white, 16.2 to 1 |
| 10 | `#1e1b51` | `oklch(26.32% 0.0954 280.33)` | Fly-by-Night | white, 15.7 to 1 |
| 11 | `#201d57` | `oklch(27.43% 0.1023 279.66)` | Spacescape | white, 15.2 to 1 |
| 12 | `#211e5e` | `oklch(28.43% 0.1094 278.99)` | Intergalactic Cowboy | white, 14.8 to 1 |
| 13 | `#231f64` | `oklch(29.35% 0.1169 278.37)` | Intergalactic Cowboy | white, 14.4 to 1 |
| 14 | `#23206b` | `oklch(30.23% 0.1245 277.69)` | Intergalactic Cowboy | white, 14 to 1 |
| 15 | `#242271` | `oklch(31.11% 0.1320 276.86)` | After Work Blue | white, 13.6 to 1 |
| 16 | `#242377` | `oklch(32.05% 0.1391 275.77)` | Snorlax | white, 13.2 to 1 |
| 17 | `#24257e` | `oklch(33.10% 0.1456 274.32)` | St. Patrick’s Blue | white, 12.7 to 1 |
| 18 | `#232985` | `oklch(34.28% 0.1513 272.43)` | St. Patrick’s Blue | white, 12.2 to 1 |
| 19 | `#202d8c` | `oklch(35.66% 0.1558 269.98)` | Intergalactic Highway | white, 11.5 to 1 |
| 20 | `#1b3493` | `oklch(37.28% 0.1589 266.88)` | Dark Seashore Night | white, 10.7 to 1 |
| 21 | `#113c9a` | `oklch(39.26% 0.1604 262.88)` | Amalfitan Azure | white, 9.8 to 1 |
| 22 | `#00499d` | `oklch(42.03% 0.1508 257.26)` | Space Explorer | white, 8.6 to 1 |
| 23 | `#00589b` | `oklch(45.41% 0.1295 250.28)` | Parachuting | white, 7.3 to 1 |
| 24 | `#00679d` | `oklch(49.15% 0.1176 242.44)` | Impulse Blue | white, 6.1 to 1 |
| 25 | `#0075a2` | `oklch(52.98% 0.1112 234.25)` | Summer Lake | white, 5.1 to 1 |
| 26 | `#0082a7` | `oklch(56.63% 0.1085 226.19)` | Advertising Blue | black, 4.7 to 1 |
| 27 | `#008eab` | `oklch(59.86% 0.1081 218.76)` | Zeftron | black, 5.4 to 1 |
| 28 | `#0098ae` | `oklch(62.39% 0.1089 212.44)` | Aquarium Diver | black, 6 to 1 |
| 29 | `#009eae` | `oklch(63.96% 0.1099 207.72)` | Lake Blue | black, 6.5 to 1 |
| 30 | `#00a0ad` | `oklch(64.31% 0.1098 205.09)` | Riviera | black, 6.6 to 1 |
| 31 | `#009ca8` | `oklch(63.14% 0.1078 204.98)` | Turkish Boy | black, 6.3 to 1 |
| 32 | `#0092a1` | `oklch(60.43% 0.1037 207.19)` | Jaded | black, 5.6 to 1 |
| 33 | `#008597` | `oklch(56.51% 0.0982 211.26)` | Painted Sea | black, 4.7 to 1 |
| 34 | `#00758a` | `oklch(51.72% 0.0922 216.68)` | Glamour Green | white, 5.3 to 1 |
| 35 | `#00637c` | `oklch(46.41% 0.0864 222.97)` | Jamaican Dream | white, 6.8 to 1 |
| 36 | `#00526d` | `oklch(40.91% 0.0812 229.65)` | Blue Palisade | white, 8.6 to 1 |
| 37 | `#00415f` | `oklch(35.59% 0.0768 236.23)` | Neptune’s Wrath | white, 10.9 to 1 |
| 38 | `#023350` | `oklch(30.76% 0.0709 242.11)` | Dark Denim Blue | white, 13.1 to 1 |
| 39 | `#042844` | `oklch(26.79% 0.0650 246.97)` | Murky Depths | white, 15.1 to 1 |
| 40 | `#04203b` | `oklch(24.02% 0.0606 250.25)` | Midnight Mirage | white, 16.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0d0e1c 0.0%, #0e0f1f 2.6%, #0f1024 5.1%, #111129 7.7%, #13132f 10.3%, #151435 12.8%, #17163c 15.4%, #1a1843 17.9%, #1c194a 20.5%, #1e1b51 23.1%, #201d57 25.6%, #211e5e 28.2%, #231f64 30.8%, #23206b 33.3%, #242271 35.9%, #242377 38.5%, #24257e 41.0%, #232985 43.6%, #202d8c 46.2%, #1b3493 48.7%, #113c9a 51.3%, #00499d 53.8%, #00589b 56.4%, #00679d 59.0%, #0075a2 61.5%, #0082a7 64.1%, #008eab 66.7%, #0098ae 69.2%, #009eae 71.8%, #00a0ad 74.4%, #009ca8 76.9%, #0092a1 79.5%, #008597 82.1%, #00758a 84.6%, #00637c 87.2%, #00526d 89.7%, #00415f 92.3%, #023350 94.9%, #042844 97.4%, #04203b 100.0%);
background: linear-gradient(180deg in oklch, oklch(16.93% 0.0303 279.84) 0.0%, oklch(17.55% 0.0347 279.91) 2.6%, oklch(18.35% 0.0404 280.09) 5.1%, oklch(19.30% 0.0471 280.33) 7.7%, oklch(20.36% 0.0547 280.58) 10.3%, oklch(21.51% 0.0628 280.79) 12.8%, oklch(22.71% 0.0712 280.92) 15.4%, oklch(23.93% 0.0796 280.92) 17.9%, oklch(25.15% 0.0877 280.74) 20.5%, oklch(26.32% 0.0954 280.33) 23.1%, oklch(27.43% 0.1023 279.66) 25.6%, oklch(28.43% 0.1094 278.99) 28.2%, oklch(29.35% 0.1169 278.37) 30.8%, oklch(30.23% 0.1245 277.69) 33.3%, oklch(31.11% 0.1320 276.86) 35.9%, oklch(32.05% 0.1391 275.77) 38.5%, oklch(33.10% 0.1456 274.32) 41.0%, oklch(34.28% 0.1513 272.43) 43.6%, oklch(35.66% 0.1558 269.98) 46.2%, oklch(37.28% 0.1589 266.88) 48.7%, oklch(39.26% 0.1604 262.88) 51.3%, oklch(42.03% 0.1508 257.26) 53.8%, oklch(45.41% 0.1295 250.28) 56.4%, oklch(49.15% 0.1176 242.44) 59.0%, oklch(52.98% 0.1112 234.25) 61.5%, oklch(56.63% 0.1085 226.19) 64.1%, oklch(59.86% 0.1081 218.76) 66.7%, oklch(62.39% 0.1089 212.44) 69.2%, oklch(63.96% 0.1099 207.72) 71.8%, oklch(64.31% 0.1098 205.09) 74.4%, oklch(63.14% 0.1078 204.98) 76.9%, oklch(60.43% 0.1037 207.19) 79.5%, oklch(56.51% 0.0982 211.26) 82.1%, oklch(51.72% 0.0922 216.68) 84.6%, oklch(46.41% 0.0864 222.97) 87.2%, oklch(40.91% 0.0812 229.65) 89.7%, oklch(35.59% 0.0768 236.23) 92.3%, oklch(30.76% 0.0709 242.11) 94.9%, oklch(26.79% 0.0650 246.97) 97.4%, oklch(24.02% 0.0606 250.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.03 | 279.8 |
| 2 | 0.272 | 0.101 | 279.8 |
| 3 | 0.382 | 0.16 | 265 |
| 4 | 0.642 | 0.13 | 204.8 |
| 5 | 0.24 | 0.061 | 250.3 |

## In these collections

- [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients)

## Other forms

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