# Blue Edge Jasmine Gold

Ink navy and steel blue sit beside border gold, jasmine cream, and leaf olive in five crisp bands. This balanced set is useful for stationery, woven patterns, and formal floral identities that need cool structure around warm metallic color. The cream band supplies a quiet resting color for larger fields.

- Also called: Navy, tan and green linear swatches
- Seed: `kWRxq1vBU-94rLV1kEAw5fDo`
- Page: https://grabient.com/kWRxq1vBU-94rLV1kEAw5fDo?style=linearSwatches&steps=5&angle=60
- Drawn as: linear swatches, 5 steps, 60 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.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 | `#1d2a3a` | `oklch(27.95% 0.0358 255.23)` | Oceanic Noir | white, 14.6 to 1 |
| 2 | `#405f7a` | `oklch(47.24% 0.0579 246.78)` | Chinese Porcelain | white, 6.7 to 1 |
| 3 | `#c9a749` | `oklch(74.02% 0.1185 89.32)` | Grandiose | black, 9 to 1 |
| 4 | `#f1e6c6` | `oklch(92.52% 0.0441 91.44)` | Paper Daisy | black, 16.8 to 1 |
| 5 | `#657348` | `oklch(53.15% 0.0648 123.14)` | Dill Pickle | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(60deg, #1d2a3a 0.000% 20.000%, #405f7a 20.000% 40.000%, #c9a749 40.000% 60.000%, #f1e6c6 60.000% 80.000%, #657348 80.000% 100.000%);
background: linear-gradient(60deg, oklch(27.95% 0.0358 255.23) 0.000% 20.000%, oklch(47.24% 0.0579 246.78) 20.000% 40.000%, oklch(74.02% 0.1185 89.32) 40.000% 60.000%, oklch(92.52% 0.0441 91.44) 60.000% 80.000%, oklch(53.15% 0.0648 123.14) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.036 | 255.2 |
| 2 | 0.472 | 0.058 | 246.8 |
| 3 | 0.74 | 0.119 | 89.3 |
| 4 | 0.925 | 0.044 | 91.4 |
| 5 | 0.531 | 0.065 | 123.1 |

## In these collections

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

## Other forms

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