# Midnight Orchard Rose

The Navy, mauve and crimson apple blossom orchard brings together dark blue, magenta, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark blue, and its lightest tone is red.

- Also called: Duotone navy and mauve linear swatches
- Seed: `kWPCi6pQ_CLWRxvFHUKTCJAg`
- Page: https://grabient.com/kWPCi6pQ_CLWRxvFHUKTCJAg?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 4 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 | `#101d38` | `oklch(23.62% 0.0551 262.27)` | Nightwalker | white, 16.6 to 1 |
| 2 | `#21263d` | `oklch(27.46% 0.0442 274.61)` | Midnight Express | white, 14.9 to 1 |
| 3 | `#48384e` | `oklch(36.63% 0.0433 317.53)` | Gothic Grape | white, 10.7 to 1 |
| 4 | `#774e5f` | `oklch(47.39% 0.0599 352.82)` | Red Endive | white, 6.9 to 1 |
| 5 | `#9e5f6e` | `oklch(55.95% 0.0840 4.88)` | Tropical Hibiscus | white, 4.8 to 1 |
| 6 | `#af6775` | `oklch(59.84% 0.0937 7.94)` | Refined Rose | black, 5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #101d38 0.000% 16.667%, #21263d 16.667% 33.333%, #48384e 33.333% 50.000%, #774e5f 50.000% 66.667%, #9e5f6e 66.667% 83.333%, #af6775 83.333% 100.000%);
background: linear-gradient(90deg, oklch(23.62% 0.0551 262.27) 0.000% 16.667%, oklch(27.46% 0.0442 274.61) 16.667% 33.333%, oklch(36.63% 0.0433 317.53) 33.333% 50.000%, oklch(47.39% 0.0599 352.82) 50.000% 66.667%, oklch(55.95% 0.0840 4.88) 66.667% 83.333%, oklch(59.84% 0.0937 7.94) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.055 | 262.3 |
| 2 | 0.291 | 0.043 | 281.3 |
| 3 | 0.421 | 0.048 | 340.5 |
| 4 | 0.543 | 0.08 | 362.7 |
| 5 | 0.598 | 0.094 | 367.9 |

## In these collections

- [Apple blossom orchard](https://grabient.com/apple-blossom-orchard)

## Other forms

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