# Blue and ochre incense smoke at twilight

The Blue and ochre incense smoke at twilight brings together dark blue, purple, magenta, and orange. The colors span a moderate 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 orange.

- Also called: Tritone navy, purple and brown radial gradient
- Seed: `kYPDfEJaZAbGiwa_k8UTRnI9Yqwm`
- Page: https://grabient.com/kYPDfEJaZAbGiwa_k8UTRnI9Yqwm?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: dark to light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#161941` | `oklch(23.62% 0.0758 275.63)` | Nightwalker | white, 16.8 to 1 |
| 2 | `#171a44` | `oklch(24.20% 0.0792 275.95)` | Tetsu-Kon Blue | white, 16.6 to 1 |
| 3 | `#181b49` | `oklch(24.97% 0.0843 276.30)` | Tetsu-Kon Blue | white, 16.2 to 1 |
| 4 | `#1a1c4e` | `oklch(25.88% 0.0903 276.76)` | Fly-by-Night | white, 15.9 to 1 |
| 5 | `#1d1d54` | `oklch(26.93% 0.0961 277.40)` | Fly-by-Night | white, 15.4 to 1 |
| 6 | `#201f59` | `oklch(28.07% 0.1011 278.30)` | Spacescape | white, 14.9 to 1 |
| 7 | `#24225e` | `oklch(29.28% 0.1044 279.55)` | Intergalactic Cowboy | white, 14.3 to 1 |
| 8 | `#282462` | `oklch(30.56% 0.1056 281.04)` | Deep Breath | white, 13.7 to 1 |
| 9 | `#2d2866` | `oklch(31.96% 0.1057 282.52)` | Paris M | white, 13.1 to 1 |
| 10 | `#322b69` | `oklch(33.47% 0.1048 284.22)` | Paris M | white, 12.4 to 1 |
| 11 | `#382f6d` | `oklch(35.04% 0.1029 286.36)` | Minsk | white, 11.6 to 1 |
| 12 | `#3f336f` | `oklch(36.67% 0.1002 289.17)` | Minsk | white, 10.9 to 1 |
| 13 | `#463771` | `oklch(38.32% 0.0967 292.87)` | Galactic Compass | white, 10.2 to 1 |
| 14 | `#4e3b72` | `oklch(39.98% 0.0921 297.57)` | Succinct Violet | white, 9.5 to 1 |
| 15 | `#564072` | `oklch(41.72% 0.0852 302.99)` | Raw Amethyst | white, 8.8 to 1 |
| 16 | `#5e4571` | `oklch(43.51% 0.0770 309.13)` | Blue Tulip | white, 8.2 to 1 |
| 17 | `#654a70` | `oklch(45.32% 0.0686 316.03)` | Your Majesty | white, 7.5 to 1 |
| 18 | `#6c4f6f` | `oklch(47.14% 0.0611 323.76)` | Basil Mauve | white, 6.9 to 1 |
| 19 | `#73556e` | `oklch(48.94% 0.0556 332.37)` | Cembra Blossom | white, 6.4 to 1 |
| 20 | `#7b596e` | `oklch(50.70% 0.0531 342.06)` | Euphoric Magenta | white, 5.9 to 1 |
| 21 | `#835e6c` | `oklch(52.50% 0.0530 354.02)` | Chicha Morada | white, 5.5 to 1 |
| 22 | `#8c626a` | `oklch(54.31% 0.0545 7.57)` | Grenache | white, 5.1 to 1 |
| 23 | `#946766` | `oklch(56.09% 0.0575 21.60)` | Roseland | white, 4.7 to 1 |
| 24 | `#9b6d61` | `oklch(57.81% 0.0615 35.01)` | Reddened Earth | black, 4.7 to 1 |
| 25 | `#a0725d` | `oklch(59.43% 0.0662 46.69)` | Toast | black, 5 to 1 |
| 26 | `#a47859` | `oklch(60.92% 0.0714 55.58)` | Sidesaddle | black, 5.4 to 1 |
| 27 | `#a97c55` | `oklch(62.33% 0.0781 61.93)` | Butterscotch Mousse | black, 5.7 to 1 |
| 28 | `#af8150` | `oklch(63.69% 0.0866 66.48)` | Gold Plated | black, 6 to 1 |
| 29 | `#b5844a` | `oklch(64.96% 0.0956 69.65)` | Rice Curry | black, 6.3 to 1 |
| 30 | `#ba8744` | `oklch(66.08% 0.1044 71.88)` | Golden Slumber | black, 6.6 to 1 |
| 31 | `#be8a3e` | `oklch(67.01% 0.1119 73.58)` | Peanut Butter | black, 6.8 to 1 |
| 32 | `#c18c3a` | `oklch(67.72% 0.1171 75.19)` | Pizza | black, 7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #161941 0.0%, #171a44 3.2%, #181b49 6.5%, #1a1c4e 9.7%, #1d1d54 12.9%, #201f59 16.1%, #24225e 19.4%, #282462 22.6%, #2d2866 25.8%, #322b69 29.0%, #382f6d 32.3%, #3f336f 35.5%, #463771 38.7%, #4e3b72 41.9%, #564072 45.2%, #5e4571 48.4%, #654a70 51.6%, #6c4f6f 54.8%, #73556e 58.1%, #7b596e 61.3%, #835e6c 64.5%, #8c626a 67.7%, #946766 71.0%, #9b6d61 74.2%, #a0725d 77.4%, #a47859 80.6%, #a97c55 83.9%, #af8150 87.1%, #b5844a 90.3%, #ba8744 93.5%, #be8a3e 96.8%, #c18c3a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(23.62% 0.0758 275.63) 0.0%, oklch(24.20% 0.0792 275.95) 3.2%, oklch(24.97% 0.0843 276.30) 6.5%, oklch(25.88% 0.0903 276.76) 9.7%, oklch(26.93% 0.0961 277.40) 12.9%, oklch(28.07% 0.1011 278.30) 16.1%, oklch(29.28% 0.1044 279.55) 19.4%, oklch(30.56% 0.1056 281.04) 22.6%, oklch(31.96% 0.1057 282.52) 25.8%, oklch(33.47% 0.1048 284.22) 29.0%, oklch(35.04% 0.1029 286.36) 32.3%, oklch(36.67% 0.1002 289.17) 35.5%, oklch(38.32% 0.0967 292.87) 38.7%, oklch(39.98% 0.0921 297.57) 41.9%, oklch(41.72% 0.0852 302.99) 45.2%, oklch(43.51% 0.0770 309.13) 48.4%, oklch(45.32% 0.0686 316.03) 51.6%, oklch(47.14% 0.0611 323.76) 54.8%, oklch(48.94% 0.0556 332.37) 58.1%, oklch(50.70% 0.0531 342.06) 61.3%, oklch(52.50% 0.0530 354.02) 64.5%, oklch(54.31% 0.0545 7.57) 67.7%, oklch(56.09% 0.0575 21.60) 71.0%, oklch(57.81% 0.0615 35.01) 74.2%, oklch(59.43% 0.0662 46.69) 77.4%, oklch(60.92% 0.0714 55.58) 80.6%, oklch(62.33% 0.0781 61.93) 83.9%, oklch(63.69% 0.0866 66.48) 87.1%, oklch(64.96% 0.0956 69.65) 90.3%, oklch(66.08% 0.1044 71.88) 93.5%, oklch(67.01% 0.1119 73.58) 96.8%, oklch(67.72% 0.1171 75.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.076 | 275.6 |
| 2 | 0.295 | 0.105 | 279.9 |
| 3 | 0.39 | 0.095 | 294.6 |
| 4 | 0.5 | 0.054 | 338 |
| 5 | 0.606 | 0.07 | 414.1 |
| 6 | 0.677 | 0.117 | 435.2 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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