# Coral Through Blue Morning

A navy and teal opening crosses violet, bottlebrush coral, warm peach, and an olive finish. The diagonal gradient suits botanical headers, event backgrounds, and editorial panels that need a clear cool-to-warm transition with both floral warmth and grounded foliage. Its olive close keeps the final area earthy and calm.

- Also called: Navy, purple, peach and olive linear gradient
- Seed: `kWUh-wxpc-1SvUXomcPRRlHI`
- Page: https://grabient.com/kWUh-wxpc-1SvUXomcPRRlHI?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, multicolor
- Hues: tetradic
- Contrast of its darkest and lightest colors: 7.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 | `#223548` | `oklch(32.28% 0.0427 248.20)` | Tahitian Pearl | white, 12.5 to 1 |
| 2 | `#253b4e` | `oklch(34.23% 0.0440 246.30)` | Harpoon | white, 11.6 to 1 |
| 3 | `#294256` | `oklch(36.93% 0.0455 242.53)` | Reef Resort | white, 10.3 to 1 |
| 4 | `#2f4c5f` | `oklch(40.15% 0.0471 237.98)` | Blue Fedora | white, 9 to 1 |
| 5 | `#355669` | `oklch(43.66% 0.0492 233.72)` | Summer Night | white, 7.7 to 1 |
| 6 | `#3c6173` | `oklch(47.23% 0.0519 230.83)` | Bermudan Blue | white, 6.6 to 1 |
| 7 | `#436b7f` | `oklch(50.63% 0.0552 230.37)` | Eames for Blue | white, 5.7 to 1 |
| 8 | `#49748b` | `oklch(53.65% 0.0595 233.44)` | Night Train | white, 5 to 1 |
| 9 | `#517a97` | `oklch(56.05% 0.0649 241.14)` | Stormy Ridge | white, 4.5 to 1 |
| 10 | `#5c7ca5` | `oklch(57.93% 0.0728 254.88)` | Miracle Elixir | black, 4.8 to 1 |
| 11 | `#6f7bb0` | `oklch(59.46% 0.0830 273.58)` | Magic Moment | black, 5.1 to 1 |
| 12 | `#8777b5` | `oklch(60.76% 0.0943 295.48)` | Dahlia Purple | black, 5.3 to 1 |
| 13 | `#a171ae` | `oklch(61.92% 0.1056 318.84)` | Purple Pride | black, 5.4 to 1 |
| 14 | `#b96c9d` | `oklch(63.06% 0.1159 341.89)` | Pearly Purple | black, 5.6 to 1 |
| 15 | `#ca6a86` | `oklch(64.29% 0.1239 2.87)` | Artful Pink | black, 5.9 to 1 |
| 16 | `#d46e70` | `oklch(65.71% 0.1287 20.04)` | Lipstick Illusion | black, 6.2 to 1 |
| 17 | `#da7663` | `oklch(67.50% 0.1291 31.95)` | Lei Flower | black, 6.7 to 1 |
| 18 | `#df8161` | `oklch(69.95% 0.1251 39.80)` | Sohi Orange | black, 7.4 to 1 |
| 19 | `#e48e67` | `oklch(72.81% 0.1177 44.73)` | Shell Coral | black, 8.3 to 1 |
| 20 | `#e99b73` | `oklch(75.77% 0.1080 47.66)` | Peach Squared | black, 9.3 to 1 |
| 21 | `#eca781` | `oklch(78.53% 0.0974 49.52)` | Ceramic Glaze | black, 10.3 to 1 |
| 22 | `#eeb18d` | `oklch(80.77% 0.0870 51.25)` | Apricot Preserves | black, 11.2 to 1 |
| 23 | `#edb895` | `oklch(82.17% 0.0779 53.75)` | Chilli Dip | black, 11.8 to 1 |
| 24 | `#eabb98` | `oklch(82.43% 0.0714 57.97)` | Queen Conch Shell | black, 12 to 1 |
| 25 | `#e1b994` | `oklch(81.19% 0.0679 64.46)` | Pancho | black, 11.5 to 1 |
| 26 | `#d3b28a` | `oklch(78.38% 0.0660 72.52)` | Summerwood | black, 10.5 to 1 |
| 27 | `#c1a97d` | `oklch(74.46% 0.0655 81.53)` | Antiquity | black, 9.2 to 1 |
| 28 | `#ad9d6f` | `oklch(69.89% 0.0658 90.92)` | Golden Sage | black, 7.8 to 1 |
| 29 | `#999161` | `oklch(65.13% 0.0667 100.11)` | Pineapple Sage | black, 6.5 to 1 |
| 30 | `#858655` | `oklch(60.64% 0.0677 108.52)` | Iguana | black, 5.5 to 1 |
| 31 | `#757c4c` | `oklch(56.89% 0.0686 115.57)` | Tara’s Drapes | black, 4.7 to 1 |
| 32 | `#6a7647` | `oklch(54.33% 0.0689 120.69)` | Ghoul | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #223548 0.0%, #253b4e 3.2%, #294256 6.5%, #2f4c5f 9.7%, #355669 12.9%, #3c6173 16.1%, #436b7f 19.4%, #49748b 22.6%, #517a97 25.8%, #5c7ca5 29.0%, #6f7bb0 32.3%, #8777b5 35.5%, #a171ae 38.7%, #b96c9d 41.9%, #ca6a86 45.2%, #d46e70 48.4%, #da7663 51.6%, #df8161 54.8%, #e48e67 58.1%, #e99b73 61.3%, #eca781 64.5%, #eeb18d 67.7%, #edb895 71.0%, #eabb98 74.2%, #e1b994 77.4%, #d3b28a 80.6%, #c1a97d 83.9%, #ad9d6f 87.1%, #999161 90.3%, #858655 93.5%, #757c4c 96.8%, #6a7647 100.0%);
background: linear-gradient(225deg in oklch, oklch(32.28% 0.0427 248.20) 0.0%, oklch(34.23% 0.0440 246.30) 3.2%, oklch(36.93% 0.0455 242.53) 6.5%, oklch(40.15% 0.0471 237.98) 9.7%, oklch(43.66% 0.0492 233.72) 12.9%, oklch(47.23% 0.0519 230.83) 16.1%, oklch(50.63% 0.0552 230.37) 19.4%, oklch(53.65% 0.0595 233.44) 22.6%, oklch(56.05% 0.0649 241.14) 25.8%, oklch(57.93% 0.0728 254.88) 29.0%, oklch(59.46% 0.0830 273.58) 32.3%, oklch(60.76% 0.0943 295.48) 35.5%, oklch(61.92% 0.1056 318.84) 38.7%, oklch(63.06% 0.1159 341.89) 41.9%, oklch(64.29% 0.1239 2.87) 45.2%, oklch(65.71% 0.1287 20.04) 48.4%, oklch(67.50% 0.1291 31.95) 51.6%, oklch(69.95% 0.1251 39.80) 54.8%, oklch(72.81% 0.1177 44.73) 58.1%, oklch(75.77% 0.1080 47.66) 61.3%, oklch(78.53% 0.0974 49.52) 64.5%, oklch(80.77% 0.0870 51.25) 67.7%, oklch(82.17% 0.0779 53.75) 71.0%, oklch(82.43% 0.0714 57.97) 74.2%, oklch(81.19% 0.0679 64.46) 77.4%, oklch(78.38% 0.0660 72.52) 80.6%, oklch(74.46% 0.0655 81.53) 83.9%, oklch(69.89% 0.0658 90.92) 87.1%, oklch(65.13% 0.0667 100.11) 90.3%, oklch(60.64% 0.0677 108.52) 93.5%, oklch(56.89% 0.0686 115.57) 96.8%, oklch(54.33% 0.0689 120.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.043 | 248.2 |
| 2 | 0.555 | 0.063 | 238.7 |
| 3 | 0.665 | 0.13 | 386.6 |
| 4 | 0.823 | 0.07 | 419.4 |
| 5 | 0.543 | 0.069 | 480.7 |

## In these collections

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

## Other forms

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