# Blue and rose jewel tones palette

The Blue and rose jewel tones palette brings together dark blue, blue, purple, and magenta. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is blue.

- Also called: Navy, blue and purple angular gradient
- Seed: `kYNzu9p6w_rY4P7COL_PLBDzwzxy`
- Page: https://grabient.com/kYNzu9p6w_rY4P7COL_PLBDzwzxy?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.1 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 | `#08153f` | `oklch(21.65% 0.0813 266.48)` | Navy | white, 17.6 to 1 |
| 2 | `#091743` | `oklch(22.62% 0.0856 266.26)` | Navy | white, 17.2 to 1 |
| 3 | `#0a1a4a` | `oklch(23.93% 0.0915 265.96)` | Tetsu-Kon Blue | white, 16.7 to 1 |
| 4 | `#0c1d51` | `oklch(25.50% 0.0985 265.60)` | Subnautical | white, 16 to 1 |
| 5 | `#0d215a` | `oklch(27.22% 0.1060 265.21)` | Fibonacci Blue | white, 15.2 to 1 |
| 6 | `#0e2563` | `oklch(29.01% 0.1134 264.81)` | Deep Sapphire | white, 14.4 to 1 |
| 7 | `#0f296b` | `oklch(30.76% 0.1201 264.44)` | Abyssal Depths | white, 13.5 to 1 |
| 8 | `#112d73` | `oklch(32.49% 0.1261 264.09)` | Blue Jinn’s | white, 12.7 to 1 |
| 9 | `#12317c` | `oklch(34.33% 0.1323 263.73)` | Below the Surface | white, 11.9 to 1 |
| 10 | `#143685` | `oklch(36.23% 0.1384 263.36)` | Bavarian Blue | white, 11 to 1 |
| 11 | `#163b8e` | `oklch(38.15% 0.1441 263.00)` | Mystery Oceans | white, 10.2 to 1 |
| 12 | `#174096` | `oklch(40.04% 0.1491 262.66)` | Space Explorer | white, 9.4 to 1 |
| 13 | `#1a459e` | `oklch(41.83% 0.1531 262.36)` | Space Explorer | white, 8.7 to 1 |
| 14 | `#1c4aa5` | `oklch(43.57% 0.1558 261.97)` | Sea of Tears | white, 8.1 to 1 |
| 15 | `#1d50ac` | `oklch(45.44% 0.1576 261.07)` | Aarhusian Sky | white, 7.4 to 1 |
| 16 | `#1e56b3` | `oklch(47.32% 0.1584 260.01)` | Blizzy Blueberry | white, 6.8 to 1 |
| 17 | `#205cb8` | `oklch(49.08% 0.1585 259.20)` | Amnesia Blue | white, 6.3 to 1 |
| 18 | `#2561bd` | `oklch(50.56% 0.1579 259.05)` | Amnesia Blue | white, 5.9 to 1 |
| 19 | `#2c64c0` | `oklch(51.61% 0.1567 259.96)` | Blue Streak | white, 5.7 to 1 |
| 20 | `#3564c1` | `oklch(52.07% 0.1548 262.30)` | Blue Streak | white, 5.6 to 1 |
| 21 | `#3e62bf` | `oklch(51.85% 0.1514 265.75)` | God of Rain | white, 5.6 to 1 |
| 22 | `#475dba` | `oklch(51.11% 0.1469 270.11)` | Chinese Bellflower | white, 5.9 to 1 |
| 23 | `#4e58b3` | `oklch(50.10% 0.1420 275.34)` | Chinese Bellflower | white, 6.2 to 1 |
| 24 | `#5553ab` | `oklch(49.02% 0.1374 281.35)` | Brandywine Raspberry | white, 6.5 to 1 |
| 25 | `#5c4ea4` | `oklch(48.10% 0.1339 288.09)` | Ultrapurple Merge | white, 6.8 to 1 |
| 26 | `#64499d` | `oklch(47.57% 0.1321 295.54)` | Ultrapurple Merge | white, 7 to 1 |
| 27 | `#6d4496` | `oklch(47.31% 0.1322 304.95)` | Sweet Flag | white, 7.1 to 1 |
| 28 | `#783f8d` | `oklch(47.19% 0.1337 316.09)` | Perkin Mauve | white, 7.2 to 1 |
| 29 | `#823a81` | `oklch(47.17% 0.1359 327.82)` | Sparkling Grape | white, 7.2 to 1 |
| 30 | `#8b3675` | `oklch(47.20% 0.1384 339.01)` | Violet Vixen | white, 7.3 to 1 |
| 31 | `#913268` | `oklch(47.24% 0.1406 348.53)` | Beetiful Magenta | white, 7.3 to 1 |
| 32 | `#95305f` | `oklch(47.24% 0.1419 355.25)` | Pink Horror | white, 7.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #08153f 0.0%, #091743 3.2%, #0a1a4a 6.5%, #0c1d51 9.7%, #0d215a 12.9%, #0e2563 16.1%, #0f296b 19.4%, #112d73 22.6%, #12317c 25.8%, #143685 29.0%, #163b8e 32.3%, #174096 35.5%, #1a459e 38.7%, #1c4aa5 41.9%, #1d50ac 45.2%, #1e56b3 48.4%, #205cb8 51.6%, #2561bd 54.8%, #2c64c0 58.1%, #3564c1 61.3%, #3e62bf 64.5%, #475dba 67.7%, #4e58b3 71.0%, #5553ab 74.2%, #5c4ea4 77.4%, #64499d 80.6%, #6d4496 83.9%, #783f8d 87.1%, #823a81 90.3%, #8b3675 93.5%, #913268 96.8%, #95305f 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(21.65% 0.0813 266.48) 0.0%, oklch(22.62% 0.0856 266.26) 3.2%, oklch(23.93% 0.0915 265.96) 6.5%, oklch(25.50% 0.0985 265.60) 9.7%, oklch(27.22% 0.1060 265.21) 12.9%, oklch(29.01% 0.1134 264.81) 16.1%, oklch(30.76% 0.1201 264.44) 19.4%, oklch(32.49% 0.1261 264.09) 22.6%, oklch(34.33% 0.1323 263.73) 25.8%, oklch(36.23% 0.1384 263.36) 29.0%, oklch(38.15% 0.1441 263.00) 32.3%, oklch(40.04% 0.1491 262.66) 35.5%, oklch(41.83% 0.1531 262.36) 38.7%, oklch(43.57% 0.1558 261.97) 41.9%, oklch(45.44% 0.1576 261.07) 45.2%, oklch(47.32% 0.1584 260.01) 48.4%, oklch(49.08% 0.1585 259.20) 51.6%, oklch(50.56% 0.1579 259.05) 54.8%, oklch(51.61% 0.1567 259.96) 58.1%, oklch(52.07% 0.1548 262.30) 61.3%, oklch(51.85% 0.1514 265.75) 64.5%, oklch(51.11% 0.1469 270.11) 67.7%, oklch(50.10% 0.1420 275.34) 71.0%, oklch(49.02% 0.1374 281.35) 74.2%, oklch(48.10% 0.1339 288.09) 77.4%, oklch(47.57% 0.1321 295.54) 80.6%, oklch(47.31% 0.1322 304.95) 83.9%, oklch(47.19% 0.1337 316.09) 87.1%, oklch(47.17% 0.1359 327.82) 90.3%, oklch(47.20% 0.1384 339.01) 93.5%, oklch(47.24% 0.1406 348.53) 96.8%, oklch(47.24% 0.1419 355.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.081 | 266.5 |
| 2 | 0.311 | 0.121 | 264.4 |
| 3 | 0.425 | 0.154 | 262.3 |
| 4 | 0.52 | 0.156 | 261.2 |
| 5 | 0.476 | 0.132 | 294 |
| 6 | 0.472 | 0.142 | 355.3 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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