# Navy, sage and crimson bottlebrush coral morning

This palette moves from blue through green to red. It steadily lightens across a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits botanical mood boards and garden event graphics, especially compositions that need closely related light and dark areas.

- Also called: Blue, green and salmon linear gradient
- Seed: `kSaSyxRJ0zFM2sm`
- Page: https://grabient.com/kSaSyxRJ0zFM2sm?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, multicolor
- Hues: rainbow
- Contrast of its darkest and lightest colors: 2.5 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 | `#304e6b` | `oklch(41.34% 0.0606 248.91)` | Blueberry Pie | white, 8.6 to 1 |
| 2 | `#2e506c` | `oklch(41.80% 0.0612 244.97)` | Blue Lava | white, 8.4 to 1 |
| 3 | `#2c526d` | `oklch(42.36% 0.0618 240.23)` | Ocean Trapeze | white, 8.2 to 1 |
| 4 | `#2a556d` | `oklch(43.00% 0.0624 234.77)` | Newport Grey | white, 7.9 to 1 |
| 5 | `#27586d` | `oklch(43.72% 0.0630 228.68)` | Night Edition | white, 7.7 to 1 |
| 6 | `#255c6d` | `oklch(44.51% 0.0636 222.04)` | Night Shift | white, 7.4 to 1 |
| 7 | `#235f6d` | `oklch(45.35% 0.0644 214.93)` | Excellence | white, 7.1 to 1 |
| 8 | `#23636b` | `oklch(46.24% 0.0652 207.44)` | Pacific | white, 6.8 to 1 |
| 9 | `#24666a` | `oklch(47.16% 0.0661 199.65)` | Pacific | white, 6.5 to 1 |
| 10 | `#266a67` | `oklch(48.09% 0.0672 191.64)` | Mosaic Tile | white, 6.2 to 1 |
| 11 | `#2b6d64` | `oklch(49.04% 0.0685 183.49)` | Antique Green | white, 6 to 1 |
| 12 | `#317061` | `oklch(49.99% 0.0700 175.30)` | Antique Green | white, 5.7 to 1 |
| 13 | `#38735d` | `oklch(50.92% 0.0717 167.14)` | Nordic Forest | white, 5.5 to 1 |
| 14 | `#407659` | `oklch(51.83% 0.0737 159.10)` | Scouring Rush | white, 5.3 to 1 |
| 15 | `#487854` | `oklch(52.71% 0.0760 151.26)` | Killarney | white, 5.1 to 1 |
| 16 | `#517950` | `oklch(53.54% 0.0785 143.71)` | Torrey Pine | white, 4.9 to 1 |
| 17 | `#597b4a` | `oklch(54.33% 0.0815 136.40)` | Mossy Green | white, 4.8 to 1 |
| 18 | `#637c44` | `oklch(55.14% 0.0850 128.74)` | Noble Eric | white, 4.6 to 1 |
| 19 | `#6d7c3e` | `oklch(55.97% 0.0891 120.71)` | Healing Plant | black, 4.6 to 1 |
| 20 | `#787c36` | `oklch(56.82% 0.0937 112.39)` | Calla Green | black, 4.7 to 1 |
| 21 | `#837c2e` | `oklch(57.68% 0.0987 103.90)` | Verdant | black, 4.8 to 1 |
| 22 | `#8f7b27` | `oklch(58.54% 0.1039 95.32)` | Jīn Zōng Gold | black, 5 to 1 |
| 23 | `#9b7921` | `oklch(59.39% 0.1094 86.75)` | Fernweh | black, 5.1 to 1 |
| 24 | `#a6771e` | `oklch(60.23% 0.1149 78.28)` | Falafel | black, 5.2 to 1 |
| 25 | `#b17520` | `oklch(61.04% 0.1204 70.02)` | Toffee Sauce | black, 5.4 to 1 |
| 26 | `#ba7226` | `oklch(61.82% 0.1258 62.06)` | Desert Sun | black, 5.5 to 1 |
| 27 | `#c36f2f` | `oklch(62.56% 0.1309 54.49)` | Caramelised Peach | black, 5.6 to 1 |
| 28 | `#cb6d39` | `oklch(63.25% 0.1358 47.41)` | Hot Caramel | black, 5.7 to 1 |
| 29 | `#d16a43` | `oklch(63.88% 0.1402 40.92)` | Fresh Acorn | black, 5.8 to 1 |
| 30 | `#d6694d` | `oklch(64.45% 0.1442 35.11)` | Citrus Notes | black, 5.9 to 1 |
| 31 | `#da6756` | `oklch(64.94% 0.1475 30.08)` | Barely Brown | black, 6 to 1 |
| 32 | `#dd665e` | `oklch(65.35% 0.1502 25.93)` | Coralite | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #304e6b 0.0%, #2e506c 3.2%, #2c526d 6.5%, #2a556d 9.7%, #27586d 12.9%, #255c6d 16.1%, #235f6d 19.4%, #23636b 22.6%, #24666a 25.8%, #266a67 29.0%, #2b6d64 32.3%, #317061 35.5%, #38735d 38.7%, #407659 41.9%, #487854 45.2%, #517950 48.4%, #597b4a 51.6%, #637c44 54.8%, #6d7c3e 58.1%, #787c36 61.3%, #837c2e 64.5%, #8f7b27 67.7%, #9b7921 71.0%, #a6771e 74.2%, #b17520 77.4%, #ba7226 80.6%, #c36f2f 83.9%, #cb6d39 87.1%, #d16a43 90.3%, #d6694d 93.5%, #da6756 96.8%, #dd665e 100.0%);
background: linear-gradient(45deg in oklch, oklch(41.34% 0.0606 248.91) 0.0%, oklch(41.80% 0.0612 244.97) 3.2%, oklch(42.36% 0.0618 240.23) 6.5%, oklch(43.00% 0.0624 234.77) 9.7%, oklch(43.72% 0.0630 228.68) 12.9%, oklch(44.51% 0.0636 222.04) 16.1%, oklch(45.35% 0.0644 214.93) 19.4%, oklch(46.24% 0.0652 207.44) 22.6%, oklch(47.16% 0.0661 199.65) 25.8%, oklch(48.09% 0.0672 191.64) 29.0%, oklch(49.04% 0.0685 183.49) 32.3%, oklch(49.99% 0.0700 175.30) 35.5%, oklch(50.92% 0.0717 167.14) 38.7%, oklch(51.83% 0.0737 159.10) 41.9%, oklch(52.71% 0.0760 151.26) 45.2%, oklch(53.54% 0.0785 143.71) 48.4%, oklch(54.33% 0.0815 136.40) 51.6%, oklch(55.14% 0.0850 128.74) 54.8%, oklch(55.97% 0.0891 120.71) 58.1%, oklch(56.82% 0.0937 112.39) 61.3%, oklch(57.68% 0.0987 103.90) 64.5%, oklch(58.54% 0.1039 95.32) 67.7%, oklch(59.39% 0.1094 86.75) 71.0%, oklch(60.23% 0.1149 78.28) 74.2%, oklch(61.04% 0.1204 70.02) 77.4%, oklch(61.82% 0.1258 62.06) 80.6%, oklch(62.56% 0.1309 54.49) 83.9%, oklch(63.25% 0.1358 47.41) 87.1%, oklch(63.88% 0.1402 40.92) 90.3%, oklch(64.45% 0.1442 35.11) 93.5%, oklch(64.94% 0.1475 30.08) 96.8%, oklch(65.35% 0.1502 25.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.061 | 248.9 |
| 2 | 0.539 | 0.08 | 140.1 |
| 3 | 0.654 | 0.15 | 25.9 |

## In these collections

- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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