# Smoky Blue Sage Gold

This angular gradient begins in dark blue teal, opens through smoky blue and muted teal, then moves through pale sage and yellow green before closing in warm gold. The gold and dark opening meet at a crisp radial seam. Its restrained cool colors and warm citrus accent suit fragrance stories, layered packaging, or atmospheric product artwork with contrasting note families.

- Also called: Black, gray and tan angular gradient
- Seed: `kUQRKXwhXAmANttgrDig`
- Page: https://grabient.com/kUQRKXwhXAmANttgrDig?style=angularGradient&steps=32&angle=123
- Drawn as: angular gradient, 32 steps, 123 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#14262a` | `oklch(25.59% 0.0248 213.05)` | Sunken Ship | white, 15.6 to 1 |
| 2 | `#162a2f` | `oklch(27.11% 0.0270 213.70)` | Black Chasm | white, 14.8 to 1 |
| 3 | `#192f35` | `oklch(29.08% 0.0302 214.98)` | Dark Pine Green | white, 13.9 to 1 |
| 4 | `#1c363d` | `oklch(31.40% 0.0340 216.66)` | Into the Night | white, 12.8 to 1 |
| 5 | `#1f3d45` | `oklch(34.01% 0.0382 218.49)` | Sunken Harbour | white, 11.6 to 1 |
| 6 | `#23454f` | `oklch(36.82% 0.0427 220.24)` | Moscow Midnight | white, 10.3 to 1 |
| 7 | `#284d59` | `oklch(39.75% 0.0470 221.67)` | Rugged Teal | white, 9.1 to 1 |
| 8 | `#2d5563` | `oklch(42.73% 0.0511 222.54)` | Glitch | white, 8 to 1 |
| 9 | `#325e6d` | `oklch(45.68% 0.0546 222.61)` | Flowing River | white, 7 to 1 |
| 10 | `#376776` | `oklch(48.51% 0.0573 221.64)` | Barbados | white, 6.2 to 1 |
| 11 | `#3c6f7e` | `oklch(51.15% 0.0590 219.40)` | Grand Rapids | white, 5.5 to 1 |
| 12 | `#427683` | `oklch(53.62% 0.0592 215.65)` | Silken Peacock | white, 5 to 1 |
| 13 | `#4a7e88` | `oklch(56.19% 0.0577 210.39)` | Brittany Blue | black, 4.6 to 1 |
| 14 | `#54878c` | `oklch(58.83% 0.0550 203.89)` | Night Masque | black, 5.1 to 1 |
| 15 | `#5f8f8f` | `oklch(61.50% 0.0513 196.40)` | Tort | black, 5.7 to 1 |
| 16 | `#6b9692` | `oklch(64.12% 0.0472 188.20)` | Green Turquoise | black, 6.4 to 1 |
| 17 | `#789d95` | `oklch(66.65% 0.0431 179.56)` | Vizcaya | black, 7 to 1 |
| 18 | `#84a498` | `oklch(69.04% 0.0395 170.74)` | Poppy Leaf | black, 7.7 to 1 |
| 19 | `#8eaa9b` | `oklch(71.21% 0.0368 162.01)` | Rare Happening | black, 8.3 to 1 |
| 20 | `#98af9e` | `oklch(73.13% 0.0354 153.63)` | Burma Jade | black, 8.9 to 1 |
| 21 | `#9fb4a0` | `oklch(74.73% 0.0357 145.88)` | Copper Patina | black, 9.4 to 1 |
| 22 | `#a5b7a0` | `oklch(75.95% 0.0384 138.94)` | Salvia | black, 9.8 to 1 |
| 23 | `#a9ba9d` | `oklch(76.78% 0.0435 132.06)` | Laurel Green | black, 10.1 to 1 |
| 24 | `#adbb98` | `oklch(77.26% 0.0507 125.07)` | Chrysoprase | black, 10.3 to 1 |
| 25 | `#b2bb91` | `oklch(77.45% 0.0594 118.08)` | Secret Glade | black, 10.4 to 1 |
| 26 | `#b7ba87` | `oklch(77.42% 0.0692 111.23)` | Aloe Plant | black, 10.4 to 1 |
| 27 | `#bcb87c` | `oklch(77.22% 0.0796 104.65)` | Grass Cloth | black, 10.3 to 1 |
| 28 | `#c3b571` | `oklch(76.93% 0.0900 98.44)` | Kohlrabi | black, 10.1 to 1 |
| 29 | `#c9b266` | `oklch(76.59% 0.0998 92.74)` | Canadian Maple | black, 10 to 1 |
| 30 | `#cfae5c` | `oklch(76.28% 0.1087 87.66)` | Hay Wain | black, 9.8 to 1 |
| 31 | `#d5aa54` | `oklch(76.06% 0.1160 83.34)` | Solar Relic | black, 9.7 to 1 |
| 32 | `#d9a84e` | `oklch(75.98% 0.1213 79.90)` | Golden Apricot | black, 9.6 to 1 |

## CSS

```css
background: conic-gradient(from 123deg, #14262a 0.0%, #162a2f 3.2%, #192f35 6.5%, #1c363d 9.7%, #1f3d45 12.9%, #23454f 16.1%, #284d59 19.4%, #2d5563 22.6%, #325e6d 25.8%, #376776 29.0%, #3c6f7e 32.3%, #427683 35.5%, #4a7e88 38.7%, #54878c 41.9%, #5f8f8f 45.2%, #6b9692 48.4%, #789d95 51.6%, #84a498 54.8%, #8eaa9b 58.1%, #98af9e 61.3%, #9fb4a0 64.5%, #a5b7a0 67.7%, #a9ba9d 71.0%, #adbb98 74.2%, #b2bb91 77.4%, #b7ba87 80.6%, #bcb87c 83.9%, #c3b571 87.1%, #c9b266 90.3%, #cfae5c 93.5%, #d5aa54 96.8%, #d9a84e 100.0%);
background: conic-gradient(from 123deg in oklch, oklch(25.59% 0.0248 213.05) 0.0%, oklch(27.11% 0.0270 213.70) 3.2%, oklch(29.08% 0.0302 214.98) 6.5%, oklch(31.40% 0.0340 216.66) 9.7%, oklch(34.01% 0.0382 218.49) 12.9%, oklch(36.82% 0.0427 220.24) 16.1%, oklch(39.75% 0.0470 221.67) 19.4%, oklch(42.73% 0.0511 222.54) 22.6%, oklch(45.68% 0.0546 222.61) 25.8%, oklch(48.51% 0.0573 221.64) 29.0%, oklch(51.15% 0.0590 219.40) 32.3%, oklch(53.62% 0.0592 215.65) 35.5%, oklch(56.19% 0.0577 210.39) 38.7%, oklch(58.83% 0.0550 203.89) 41.9%, oklch(61.50% 0.0513 196.40) 45.2%, oklch(64.12% 0.0472 188.20) 48.4%, oklch(66.65% 0.0431 179.56) 51.6%, oklch(69.04% 0.0395 170.74) 54.8%, oklch(71.21% 0.0368 162.01) 58.1%, oklch(73.13% 0.0354 153.63) 61.3%, oklch(74.73% 0.0357 145.88) 64.5%, oklch(75.95% 0.0384 138.94) 67.7%, oklch(76.78% 0.0435 132.06) 71.0%, oklch(77.26% 0.0507 125.07) 74.2%, oklch(77.45% 0.0594 118.08) 77.4%, oklch(77.42% 0.0692 111.23) 80.6%, oklch(77.22% 0.0796 104.65) 83.9%, oklch(76.93% 0.0900 98.44) 87.1%, oklch(76.59% 0.0998 92.74) 90.3%, oklch(76.28% 0.1087 87.66) 93.5%, oklch(76.06% 0.1160 83.34) 96.8%, oklch(75.98% 0.1213 79.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.025 | 213 |
| 2 | 0.52 | 0.059 | 218.3 |
| 3 | 0.756 | 0.037 | 141.2 |
| 4 | 0.76 | 0.121 | 79.9 |

## In these collections

- [Scent stacking palettes](https://grabient.com/scent-stacking-palettes)

## Other forms

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