# Navy and stone orchard frost at dawn

The Navy and stone orchard frost at dawn brings together dark blue, purple, orange, gold, and light yellow. The colors span a broad 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 light yellow.

- Also called: Complementary navy to tan linear gradient
- Seed: `kaSTe7qIrFDaPyvInEHWJ_BeKcQZmE8NA`
- Page: https://grabient.com/kaSTe7qIrFDaPyvInEHWJ_BeKcQZmE8NA?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted, warm
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.8 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 | `#162950` | `oklch(28.74% 0.0758 263.67)` | Space Cadet | white, 14.3 to 1 |
| 2 | `#1d294d` | `oklch(29.03% 0.0688 268.58)` | Rurikon Blue | white, 14.2 to 1 |
| 3 | `#242949` | `oklch(29.37% 0.0583 275.01)` | Royal Curtsy | white, 14 to 1 |
| 4 | `#2a2a44` | `oklch(29.85% 0.0467 283.11)` | Valhalla | white, 13.8 to 1 |
| 5 | `#302c40` | `oklch(30.58% 0.0363 293.00)` | Viola Black | white, 13.4 to 1 |
| 6 | `#352e3e` | `oklch(31.67% 0.0296 304.83)` | Valentino Nero | white, 12.9 to 1 |
| 7 | `#3c313f` | `oklch(33.19% 0.0275 320.02)` | Wolf’s Bane | white, 12.2 to 1 |
| 8 | `#453540` | `oklch(35.09% 0.0285 339.46)` | Red Onion | white, 11.4 to 1 |
| 9 | `#4f3a40` | `oklch(37.28% 0.0317 0.46)` | Dark Puce | white, 10.4 to 1 |
| 10 | `#593f3f` | `oklch(39.65% 0.0362 20.25)` | Divine Wine | white, 9.5 to 1 |
| 11 | `#62463e` | `oklch(42.10% 0.0411 36.07)` | Rocky Road | white, 8.5 to 1 |
| 12 | `#6a4c3e` | `oklch(44.60% 0.0463 45.84)` | Deep Umber | white, 7.7 to 1 |
| 13 | `#745340` | `oklch(47.31% 0.0532 50.93)` | Rich Mocha | white, 6.8 to 1 |
| 14 | `#7f5a42` | `oklch(50.14% 0.0608 53.04)` | Stagecoach | white, 6 to 1 |
| 15 | `#8b6145` | `oklch(52.99% 0.0684 53.78)` | Brilliant Oak | white, 5.3 to 1 |
| 16 | `#966848` | `oklch(55.76% 0.0747 54.76)` | Oiled up Kardashian | white, 4.8 to 1 |
| 17 | `#9f6f4b` | `oklch(58.39% 0.0792 57.19)` | Standing Still | black, 4.8 to 1 |
| 18 | `#a8774f` | `oklch(61.00% 0.0824 59.73)` | Brown Sugar | black, 5.4 to 1 |
| 19 | `#b07f54` | `oklch(63.57% 0.0846 62.12)` | Cowboy Hat | black, 6 to 1 |
| 20 | `#b78759` | `oklch(66.03% 0.0860 64.47)` | Deer | black, 6.6 to 1 |
| 21 | `#be8f5e` | `oklch(68.30% 0.0867 66.86)` | Corner Café | black, 7.2 to 1 |
| 22 | `#c39662` | `oklch(70.34% 0.0868 69.35)` | Mannered Gold | black, 7.8 to 1 |
| 23 | `#c79c68` | `oklch(72.18% 0.0860 71.63)` | Amber Autumn | black, 8.4 to 1 |
| 24 | `#cba36d` | `oklch(73.85% 0.0845 73.83)` | Lewis Gold | black, 8.9 to 1 |
| 25 | `#cda873` | `oklch(75.33% 0.0824 76.25)` | Balsam Brown | black, 9.4 to 1 |
| 26 | `#ceae78` | `oklch(76.63% 0.0797 79.20)` | Fawn | black, 9.9 to 1 |
| 27 | `#ceb37e` | `oklch(77.73% 0.0766 82.97)` | Aged Seagrass | black, 10.3 to 1 |
| 28 | `#ccb784` | `oklch(78.58% 0.0723 88.27)` | Tweed Jacket | black, 10.7 to 1 |
| 29 | `#c9bb8a` | `oklch(79.22% 0.0671 94.64)` | Olive Hint | black, 10.9 to 1 |
| 30 | `#c5bf91` | `oklch(79.68% 0.0617 101.15)` | Lime Peel | black, 11.1 to 1 |
| 31 | `#c2c197` | `oklch(80.03% 0.0570 106.85)` | Green Mist | black, 11.3 to 1 |
| 32 | `#c0c29b` | `oklch(80.31% 0.0537 110.80)` | Green Mist | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(0deg, #162950 0.0%, #1d294d 3.2%, #242949 6.5%, #2a2a44 9.7%, #302c40 12.9%, #352e3e 16.1%, #3c313f 19.4%, #453540 22.6%, #4f3a40 25.8%, #593f3f 29.0%, #62463e 32.3%, #6a4c3e 35.5%, #745340 38.7%, #7f5a42 41.9%, #8b6145 45.2%, #966848 48.4%, #9f6f4b 51.6%, #a8774f 54.8%, #b07f54 58.1%, #b78759 61.3%, #be8f5e 64.5%, #c39662 67.7%, #c79c68 71.0%, #cba36d 74.2%, #cda873 77.4%, #ceae78 80.6%, #ceb37e 83.9%, #ccb784 87.1%, #c9bb8a 90.3%, #c5bf91 93.5%, #c2c197 96.8%, #c0c29b 100.0%);
background: linear-gradient(0deg in oklch, oklch(28.74% 0.0758 263.67) 0.0%, oklch(29.03% 0.0688 268.58) 3.2%, oklch(29.37% 0.0583 275.01) 6.5%, oklch(29.85% 0.0467 283.11) 9.7%, oklch(30.58% 0.0363 293.00) 12.9%, oklch(31.67% 0.0296 304.83) 16.1%, oklch(33.19% 0.0275 320.02) 19.4%, oklch(35.09% 0.0285 339.46) 22.6%, oklch(37.28% 0.0317 0.46) 25.8%, oklch(39.65% 0.0362 20.25) 29.0%, oklch(42.10% 0.0411 36.07) 32.3%, oklch(44.60% 0.0463 45.84) 35.5%, oklch(47.31% 0.0532 50.93) 38.7%, oklch(50.14% 0.0608 53.04) 41.9%, oklch(52.99% 0.0684 53.78) 45.2%, oklch(55.76% 0.0747 54.76) 48.4%, oklch(58.39% 0.0792 57.19) 51.6%, oklch(61.00% 0.0824 59.73) 54.8%, oklch(63.57% 0.0846 62.12) 58.1%, oklch(66.03% 0.0860 64.47) 61.3%, oklch(68.30% 0.0867 66.86) 64.5%, oklch(70.34% 0.0868 69.35) 67.7%, oklch(72.18% 0.0860 71.63) 71.0%, oklch(73.85% 0.0845 73.83) 74.2%, oklch(75.33% 0.0824 76.25) 77.4%, oklch(76.63% 0.0797 79.20) 80.6%, oklch(77.73% 0.0766 82.97) 83.9%, oklch(78.58% 0.0723 88.27) 87.1%, oklch(79.22% 0.0671 94.64) 90.3%, oklch(79.68% 0.0617 101.15) 93.5%, oklch(80.03% 0.0570 106.85) 96.8%, oklch(80.31% 0.0537 110.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.076 | 263.7 |
| 2 | 0.319 | 0.029 | 307 |
| 3 | 0.429 | 0.043 | 400 |
| 4 | 0.571 | 0.077 | 415.8 |
| 5 | 0.697 | 0.087 | 428.5 |
| 6 | 0.776 | 0.077 | 442.3 |
| 7 | 0.803 | 0.054 | 470.8 |

## In these collections

- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)

## Other forms

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