# Dusty blue gold border jasmine garland

The Dusty blue gold border jasmine garland brings together blue, green, gold, light yellow, light red, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Navy, green, tan and purple radial gradient
- Seed: `kcTRm9PqQw9s9PtvOL5dSS9OudODWMDvu7S_A`
- Page: https://grabient.com/kcTRm9PqQw9s9PtvOL5dSS9OudODWMDvu7S_A?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#262e40` | `oklch(30.31% 0.0344 265.78)` | Navy Blazer | white, 13.5 to 1 |
| 2 | `#21394b` | `oklch(33.23% 0.0446 243.41)` | Subterranean River | white, 12 to 1 |
| 3 | `#0e4952` | `oklch(37.37% 0.0591 210.56)` | Midnight Green | white, 10 to 1 |
| 4 | `#0a5b4c` | `oklch(42.19% 0.0757 175.67)` | Evergreen | white, 8 to 1 |
| 5 | `#34693b` | `oklch(47.16% 0.0925 147.15)` | Vegas Green | white, 6.4 to 1 |
| 6 | `#51762e` | `oklch(51.98% 0.1085 132.03)` | Luscious Lemongrass | white, 5.3 to 1 |
| 7 | `#638527` | `oklch(57.19% 0.1267 127.11)` | Weeping Fig | black, 4.9 to 1 |
| 8 | `#6f9727` | `oklch(62.54% 0.1448 127.76)` | Hidden Valley | black, 6.1 to 1 |
| 9 | `#76aa2f` | `oklch(67.68% 0.1598 129.80)` | Leaf | black, 7.5 to 1 |
| 10 | `#84b934` | `oklch(72.27% 0.1690 129.09)` | Outrageous Green | black, 8.9 to 1 |
| 11 | `#96c53a` | `oklch(76.47% 0.1717 126.45)` | Aromatic Herbs | black, 10.3 to 1 |
| 12 | `#a9d044` | `oklch(80.37% 0.1699 123.66)` | Lyceum | black, 11.8 to 1 |
| 13 | `#bcd950` | `oklch(83.84% 0.1649 120.53)` | June Bud | black, 13.2 to 1 |
| 14 | `#cde05c` | `oklch(86.71% 0.1579 116.89)` | Yuzukoshō | black, 14.4 to 1 |
| 15 | `#dbe568` | `oklch(88.92% 0.1489 112.97)` | Green Glitter | black, 15.3 to 1 |
| 16 | `#e6e877` | `oklch(90.59% 0.1359 109.36)` | Fresh Lemonade | black, 16.1 to 1 |
| 17 | `#efe885` | `oklch(91.69% 0.1214 104.98)` | Machine Oil | black, 16.6 to 1 |
| 18 | `#f7e791` | `oklch(92.18% 0.1080 98.73)` | Flavescent | black, 16.7 to 1 |
| 19 | `#ffe298` | `oklch(92.01% 0.0981 89.38)` | Hesperide Apple Gold | black, 16.5 to 1 |
| 20 | `#ffdcab` | `oklch(91.13% 0.0745 75.60)` | Peach Glow | black, 16 to 1 |
| 21 | `#ffd3b1` | `oklch(89.61% 0.0668 59.18)` | Papaya Whip | black, 15.1 to 1 |
| 22 | `#ffc8b2` | `oklch(87.55% 0.0701 42.66)` | Antique Coral | black, 14.1 to 1 |
| 23 | `#febbb1` | `oklch(85.04% 0.0795 28.61)` | Petula | black, 12.9 to 1 |
| 24 | `#f7aeaf` | `oklch(82.02% 0.0861 18.02)` | Brain Pink | black, 11.6 to 1 |
| 25 | `#f09eab` | `oklch(78.42% 0.0988 9.18)` | Sweet 60 | black, 10.1 to 1 |
| 26 | `#e78da6` | `oklch(74.40% 0.1137 1.90)` | Underwater Flare | black, 8.7 to 1 |
| 27 | `#dc7ca1` | `oklch(70.16% 0.1270 355.98)` | Pinking. Fast and Slow | black, 7.4 to 1 |
| 28 | `#ce6c9b` | `oklch(65.76% 0.1351 351.35)` | Fuchsia Kiss | black, 6.2 to 1 |
| 29 | `#bd5b90` | `oklch(60.54% 0.1397 348.54)` | Beauty Queen | black, 5 to 1 |
| 30 | `#ab4a82` | `oklch(55.08% 0.1422 347.10)` | Our Little Secret | white, 5.2 to 1 |
| 31 | `#9b3b74` | `oklch(50.23% 0.1435 346.39)` | Powder Red | white, 6.4 to 1 |
| 32 | `#90306c` | `oklch(46.85% 0.1447 345.74)` | Beetiful Magenta | white, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #262e40 0.0%, #21394b 3.2%, #0e4952 6.5%, #0a5b4c 9.7%, #34693b 12.9%, #51762e 16.1%, #638527 19.4%, #6f9727 22.6%, #76aa2f 25.8%, #84b934 29.0%, #96c53a 32.3%, #a9d044 35.5%, #bcd950 38.7%, #cde05c 41.9%, #dbe568 45.2%, #e6e877 48.4%, #efe885 51.6%, #f7e791 54.8%, #ffe298 58.1%, #ffdcab 61.3%, #ffd3b1 64.5%, #ffc8b2 67.7%, #febbb1 71.0%, #f7aeaf 74.2%, #f09eab 77.4%, #e78da6 80.6%, #dc7ca1 83.9%, #ce6c9b 87.1%, #bd5b90 90.3%, #ab4a82 93.5%, #9b3b74 96.8%, #90306c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(30.31% 0.0344 265.78) 0.0%, oklch(33.23% 0.0446 243.41) 3.2%, oklch(37.37% 0.0591 210.56) 6.5%, oklch(42.19% 0.0757 175.67) 9.7%, oklch(47.16% 0.0925 147.15) 12.9%, oklch(51.98% 0.1085 132.03) 16.1%, oklch(57.19% 0.1267 127.11) 19.4%, oklch(62.54% 0.1448 127.76) 22.6%, oklch(67.68% 0.1598 129.80) 25.8%, oklch(72.27% 0.1690 129.09) 29.0%, oklch(76.47% 0.1717 126.45) 32.3%, oklch(80.37% 0.1699 123.66) 35.5%, oklch(83.84% 0.1649 120.53) 38.7%, oklch(86.71% 0.1579 116.89) 41.9%, oklch(88.92% 0.1489 112.97) 45.2%, oklch(90.59% 0.1359 109.36) 48.4%, oklch(91.69% 0.1214 104.98) 51.6%, oklch(92.18% 0.1080 98.73) 54.8%, oklch(92.01% 0.0981 89.38) 58.1%, oklch(91.13% 0.0745 75.60) 61.3%, oklch(89.61% 0.0668 59.18) 64.5%, oklch(87.55% 0.0701 42.66) 67.7%, oklch(85.04% 0.0795 28.61) 71.0%, oklch(82.02% 0.0861 18.02) 74.2%, oklch(78.42% 0.0988 9.18) 77.4%, oklch(74.40% 0.1137 1.90) 80.6%, oklch(70.16% 0.1270 355.98) 83.9%, oklch(65.76% 0.1351 351.35) 87.1%, oklch(60.54% 0.1397 348.54) 90.3%, oklch(55.08% 0.1422 347.10) 93.5%, oklch(50.23% 0.1435 346.39) 96.8%, oklch(46.85% 0.1447 345.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.034 | 265.8 |
| 2 | 0.492 | 0.099 | 139 |
| 3 | 0.717 | 0.168 | 129.5 |
| 4 | 0.874 | 0.156 | 115.7 |
| 5 | 0.921 | 0.101 | 92.5 |
| 6 | 0.846 | 0.08 | 27 |
| 7 | 0.677 | 0.132 | -6.9 |
| 8 | 0.469 | 0.145 | -14.3 |

## In these collections

- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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