# Indigo and terracotta incense smoke at twilight The Indigo and terracotta incense smoke at twilight brings together blue, teal, green, yellow, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is yellow. - Also called: Complementary blue, gray and tan linear gradient - Seed: `kYmFTA0Rw-tcKutbDjTXBa8VoZPI` - Page: https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: muted - Hues: complementary - Contrast of its darkest and lightest colors: 1.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 | `#667bc5` | `oklch(59.84% 0.1157 270.70)` | Ultramarine Blue | black, 5.1 to 1 | | 2 | `#677dc4` | `oklch(60.25% 0.1118 269.96)` | Persian Jewel | black, 5.2 to 1 | | 3 | `#697fc3` | `oklch(60.79% 0.1065 269.23)` | Persian Jewel | black, 5.4 to 1 | | 4 | `#6b82c1` | `oklch(61.45% 0.1001 268.25)` | Orbital | black, 5.5 to 1 | | 5 | `#6d85bf` | `oklch(62.16% 0.0931 266.73)` | Orbital | black, 5.7 to 1 | | 6 | `#6f88bd` | `oklch(62.91% 0.0858 264.40)` | Kimono | black, 5.9 to 1 | | 7 | `#708cbb` | `oklch(63.64% 0.0786 260.98)` | Debutante Ball | black, 6.1 to 1 | | 8 | `#718fb8` | `oklch(64.36% 0.0710 256.52)` | Hushed Lilac | black, 6.3 to 1 | | 9 | `#7493b5` | `oklch(65.14% 0.0621 251.47)` | Ocean Ridge | black, 6.5 to 1 | | 10 | `#7896b1` | `oklch(65.95% 0.0528 245.63)` | Splendid Blue | black, 6.7 to 1 | | 11 | `#7c99ad` | `oklch(66.75% 0.0438 238.77)` | Post Boy | black, 7 to 1 | | 12 | `#819ba9` | `oklch(67.53% 0.0361 230.67)` | Beach Umbrella | black, 7.2 to 1 | | 13 | `#859ea6` | `oklch(68.24% 0.0304 221.10)` | Aqua Grey | black, 7.4 to 1 | | 14 | `#88a0a4` | `oklch(68.88% 0.0275 209.44)` | Symphony of Blue | black, 7.6 to 1 | | 15 | `#8aa2a2` | `oklch(69.49% 0.0270 194.57)` | October Sky | black, 7.8 to 1 | | 16 | `#8da59e` | `oklch(70.06% 0.0282 177.72)` | Spruce Shade | black, 7.9 to 1 | | 17 | `#90a69a` | `oklch(70.58% 0.0306 160.31)` | Lotus Leaf | black, 8.1 to 1 | | 18 | `#96a795` | `oklch(71.05% 0.0337 143.78)` | Mantle | black, 8.2 to 1 | | 19 | `#9ba890` | `oklch(71.45% 0.0369 129.57)` | Tsurubami Green | black, 8.3 to 1 | | 20 | `#a1a88c` | `oklch(71.78% 0.0397 118.99)` | Reseda | black, 8.4 to 1 | | 21 | `#a5a889` | `oklch(72.04% 0.0433 111.51)` | Meditation Time | black, 8.5 to 1 | | 22 | `#a9a886` | `oklch(72.24% 0.0474 106.19)` | Meditation Time | black, 8.6 to 1 | | 23 | `#aca882` | `oklch(72.38% 0.0518 102.26)` | Green Grey Mist | black, 8.6 to 1 | | 24 | `#aea77f` | `oklch(72.46% 0.0560 98.96)` | Sedia | black, 8.6 to 1 | | 25 | `#b1a67b` | `oklch(72.47% 0.0597 95.50)` | Gold Infusion | black, 8.6 to 1 | | 26 | `#b4a579` | `oklch(72.43% 0.0625 91.15)` | Green Fig | black, 8.6 to 1 | | 27 | `#b7a377` | `oklch(72.26% 0.0645 86.03)` | Hemp Rope | black, 8.5 to 1 | | 28 | `#baa175` | `oklch(71.99% 0.0660 80.67)` | Mesa | black, 8.4 to 1 | | 29 | `#bc9e74` | `oklch(71.67% 0.0670 75.42)` | Gould Gold | black, 8.3 to 1 | | 30 | `#be9c74` | `oklch(71.34% 0.0678 70.60)` | Almond Toast | black, 8.1 to 1 | | 31 | `#bf9a74` | `oklch(71.06% 0.0684 66.54)` | Lanyard | black, 8 to 1 | | 32 | `#c09874` | `oklch(70.87% 0.0689 63.58)` | Lanyard | black, 8 to 1 | ## CSS ```css background: linear-gradient(90deg, #667bc5 0.0%, #677dc4 3.2%, #697fc3 6.5%, #6b82c1 9.7%, #6d85bf 12.9%, #6f88bd 16.1%, #708cbb 19.4%, #718fb8 22.6%, #7493b5 25.8%, #7896b1 29.0%, #7c99ad 32.3%, #819ba9 35.5%, #859ea6 38.7%, #88a0a4 41.9%, #8aa2a2 45.2%, #8da59e 48.4%, #90a69a 51.6%, #96a795 54.8%, #9ba890 58.1%, #a1a88c 61.3%, #a5a889 64.5%, #a9a886 67.7%, #aca882 71.0%, #aea77f 74.2%, #b1a67b 77.4%, #b4a579 80.6%, #b7a377 83.9%, #baa175 87.1%, #bc9e74 90.3%, #be9c74 93.5%, #bf9a74 96.8%, #c09874 100.0%); background: linear-gradient(90deg in oklch, oklch(59.84% 0.1157 270.70) 0.0%, oklch(60.25% 0.1118 269.96) 3.2%, oklch(60.79% 0.1065 269.23) 6.5%, oklch(61.45% 0.1001 268.25) 9.7%, oklch(62.16% 0.0931 266.73) 12.9%, oklch(62.91% 0.0858 264.40) 16.1%, oklch(63.64% 0.0786 260.98) 19.4%, oklch(64.36% 0.0710 256.52) 22.6%, oklch(65.14% 0.0621 251.47) 25.8%, oklch(65.95% 0.0528 245.63) 29.0%, oklch(66.75% 0.0438 238.77) 32.3%, oklch(67.53% 0.0361 230.67) 35.5%, oklch(68.24% 0.0304 221.10) 38.7%, oklch(68.88% 0.0275 209.44) 41.9%, oklch(69.49% 0.0270 194.57) 45.2%, oklch(70.06% 0.0282 177.72) 48.4%, oklch(70.58% 0.0306 160.31) 51.6%, oklch(71.05% 0.0337 143.78) 54.8%, oklch(71.45% 0.0369 129.57) 58.1%, oklch(71.78% 0.0397 118.99) 61.3%, oklch(72.04% 0.0433 111.51) 64.5%, oklch(72.24% 0.0474 106.19) 67.7%, oklch(72.38% 0.0518 102.26) 71.0%, oklch(72.46% 0.0560 98.96) 74.2%, oklch(72.47% 0.0597 95.50) 77.4%, oklch(72.43% 0.0625 91.15) 80.6%, oklch(72.26% 0.0645 86.03) 83.9%, oklch(71.99% 0.0660 80.67) 87.1%, oklch(71.67% 0.0670 75.42) 90.3%, oklch(71.34% 0.0678 70.60) 93.5%, oklch(71.06% 0.0684 66.54) 96.8%, oklch(70.87% 0.0689 63.58) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.598 | 0.116 | 270.7 | | 2 | 0.638 | 0.077 | 260.1 | | 3 | 0.685 | 0.029 | 216.8 | | 4 | 0.717 | 0.039 | 122.8 | | 5 | 0.724 | 0.062 | 92.1 | | 6 | 0.709 | 0.069 | 63.6 | ## In these collections - [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight) ## Other forms - [JSON](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.json?steps=32) - [PNG](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.png?steps=32) - [SVG](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.svg?steps=32) - [CSS](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.css?steps=32) - [ASE](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.ase?steps=32) - [GPL](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.gpl?steps=32) - [GRD](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.grd?steps=32) - [Design tokens](https://grabient.com/kYmFTA0Rw-tcKutbDjTXBa8VoZPI.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYmFTA0Rw-tcKutbDjTXBa8VoZPI&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYmFTA0Rw-tcKutbDjTXBa8VoZPI) - [Guide for agents](https://grabient.com/llms.txt)