# After Hours palette

The After Hours palette brings together dark blue, blue, magenta, and light red. The colors span a broad lightness range, combining restrained 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 light red.

- Also called: Muted tritone navy, purple and pink linear gradient
- Seed: `kURyK6NBbC0qUxDhEsfg`
- Page: https://grabient.com/kURyK6NBbC0qUxDhEsfg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.7 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 | `#1c2940` | `oklch(27.95% 0.0469 261.56)` | Eternal Darkness | white, 14.6 to 1 |
| 2 | `#1e2a42` | `oklch(28.68% 0.0478 262.91)` | Eternal Darkness | white, 14.3 to 1 |
| 3 | `#202c45` | `oklch(29.58% 0.0491 264.56)` | Manganese Black | white, 13.8 to 1 |
| 4 | `#242e49` | `oklch(30.63% 0.0508 266.49)` | Manganese Black | white, 13.3 to 1 |
| 5 | `#27314d` | `oklch(31.82% 0.0526 268.67)` | Blue Lobelia | white, 12.8 to 1 |
| 6 | `#2b3452` | `oklch(33.12% 0.0545 271.05)` | Midnight Escapade | white, 12.2 to 1 |
| 7 | `#303757` | `oklch(34.50% 0.0563 273.61)` | Mediaeval Blue | white, 11.6 to 1 |
| 8 | `#353a5b` | `oklch(35.95% 0.0581 276.31)` | Magic Night | white, 11 to 1 |
| 9 | `#3a3d60` | `oklch(37.44% 0.0597 279.11)` | Patriot Blue | white, 10.3 to 1 |
| 10 | `#404165` | `oklch(38.94% 0.0610 281.99)` | Chronicle | white, 9.7 to 1 |
| 11 | `#454469` | `oklch(40.45% 0.0618 284.90)` | Deepest Fig | white, 9.1 to 1 |
| 12 | `#4b476d` | `oklch(41.95% 0.0622 287.80)` | True Romance | white, 8.6 to 1 |
| 13 | `#514b71` | `oklch(43.53% 0.0623 290.66)` | Harajuku Girl | white, 8 to 1 |
| 14 | `#574f75` | `oklch(45.18% 0.0621 293.53)` | Benikakehana Purple | white, 7.5 to 1 |
| 15 | `#5e5379` | `oklch(46.88% 0.0616 296.47)` | Purple Sky | white, 7 to 1 |
| 16 | `#64587d` | `oklch(48.63% 0.0609 299.53)` | Psychic | white, 6.5 to 1 |
| 17 | `#6b5c81` | `oklch(50.40% 0.0601 302.77)` | Napa Winery | white, 6 to 1 |
| 18 | `#726185` | `oklch(52.18% 0.0593 306.23)` | Posy Purple | white, 5.5 to 1 |
| 19 | `#796588` | `oklch(53.97% 0.0584 309.99)` | Amethyst Gem | white, 5.1 to 1 |
| 20 | `#806a8c` | `oklch(55.75% 0.0576 314.08)` | Nymph’s Delight | white, 4.8 to 1 |
| 21 | `#876e8f` | `oklch(57.51% 0.0569 318.56)` | Mauveine | black, 4.6 to 1 |
| 22 | `#8f7391` | `oklch(59.24% 0.0563 323.53)` | Felicia | black, 5 to 1 |
| 23 | `#977894` | `oklch(61.08% 0.0557 329.46)` | Vestige | black, 5.4 to 1 |
| 24 | `#9f7d96` | `oklch(63.01% 0.0551 336.26)` | Valerian | black, 5.8 to 1 |
| 25 | `#a88298` | `oklch(65.00% 0.0545 343.65)` | Bouquet | black, 6.3 to 1 |
| 26 | `#b08899` | `oklch(67.00% 0.0539 351.37)` | Orchid Haze | black, 6.8 to 1 |
| 27 | `#b88e9a` | `oklch(68.95% 0.0533 359.15)` | Monastir | black, 7.3 to 1 |
| 28 | `#bf949b` | `oklch(70.81% 0.0527 6.71)` | Profound Pink | black, 7.9 to 1 |
| 29 | `#c5999c` | `oklch(72.53% 0.0522 13.79)` | Rose Meadow | black, 8.4 to 1 |
| 30 | `#ca9f9d` | `oklch(74.06% 0.0517 20.12)` | Remembrance | black, 8.9 to 1 |
| 31 | `#cea39f` | `oklch(75.36% 0.0513 25.42)` | Rose Pottery | black, 9.3 to 1 |
| 32 | `#d1a7a0` | `oklch(76.38% 0.0510 29.43)` | Cinnamon Cocoa | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1c2940 0.0%, #1e2a42 3.2%, #202c45 6.5%, #242e49 9.7%, #27314d 12.9%, #2b3452 16.1%, #303757 19.4%, #353a5b 22.6%, #3a3d60 25.8%, #404165 29.0%, #454469 32.3%, #4b476d 35.5%, #514b71 38.7%, #574f75 41.9%, #5e5379 45.2%, #64587d 48.4%, #6b5c81 51.6%, #726185 54.8%, #796588 58.1%, #806a8c 61.3%, #876e8f 64.5%, #8f7391 67.7%, #977894 71.0%, #9f7d96 74.2%, #a88298 77.4%, #b08899 80.6%, #b88e9a 83.9%, #bf949b 87.1%, #c5999c 90.3%, #ca9f9d 93.5%, #cea39f 96.8%, #d1a7a0 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.95% 0.0469 261.56) 0.0%, oklch(28.68% 0.0478 262.91) 3.2%, oklch(29.58% 0.0491 264.56) 6.5%, oklch(30.63% 0.0508 266.49) 9.7%, oklch(31.82% 0.0526 268.67) 12.9%, oklch(33.12% 0.0545 271.05) 16.1%, oklch(34.50% 0.0563 273.61) 19.4%, oklch(35.95% 0.0581 276.31) 22.6%, oklch(37.44% 0.0597 279.11) 25.8%, oklch(38.94% 0.0610 281.99) 29.0%, oklch(40.45% 0.0618 284.90) 32.3%, oklch(41.95% 0.0622 287.80) 35.5%, oklch(43.53% 0.0623 290.66) 38.7%, oklch(45.18% 0.0621 293.53) 41.9%, oklch(46.88% 0.0616 296.47) 45.2%, oklch(48.63% 0.0609 299.53) 48.4%, oklch(50.40% 0.0601 302.77) 51.6%, oklch(52.18% 0.0593 306.23) 54.8%, oklch(53.97% 0.0584 309.99) 58.1%, oklch(55.75% 0.0576 314.08) 61.3%, oklch(57.51% 0.0569 318.56) 64.5%, oklch(59.24% 0.0563 323.53) 67.7%, oklch(61.08% 0.0557 329.46) 71.0%, oklch(63.01% 0.0551 336.26) 74.2%, oklch(65.00% 0.0545 343.65) 77.4%, oklch(67.00% 0.0539 351.37) 80.6%, oklch(68.95% 0.0533 359.15) 83.9%, oklch(70.81% 0.0527 6.71) 87.1%, oklch(72.53% 0.0522 13.79) 90.3%, oklch(74.06% 0.0517 20.12) 93.5%, oklch(75.36% 0.0513 25.42) 96.8%, oklch(76.38% 0.0510 29.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.047 | 261.6 |
| 2 | 0.409 | 0.062 | 285.9 |
| 3 | 0.587 | 0.056 | 321.8 |
| 4 | 0.764 | 0.051 | 389.4 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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