# Navy and orange orchard frost at dawn

The Navy and orange orchard frost at dawn brings together dark blue, blue, green, light green, gold, and light orange. 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 gold.

- Also called: Navy, green, tan and peach linear gradient
- Seed: `kaPEC6qqa_cEYvLaFrgax27O8gOznKrtg`
- Page: https://grabient.com/kaPEC6qqa_cEYvLaFrgax27O8gOznKrtg?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: light center, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 11.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 | `#051a47` | `oklch(23.62% 0.0882 262.27)` | Oxford Blue | white, 16.7 to 1 |
| 2 | `#061d4c` | `oklch(24.79% 0.0914 262.06)` | Oxford Blue | white, 16.2 to 1 |
| 3 | `#082153` | `oklch(26.35% 0.0964 262.00)` | Subnautical | white, 15.5 to 1 |
| 4 | `#09255b` | `oklch(28.28% 0.1017 261.67)` | Fibonacci Blue | white, 14.6 to 1 |
| 5 | `#0b2b63` | `oklch(30.51% 0.1055 260.65)` | Blue Leviathan | white, 13.5 to 1 |
| 6 | `#0c336b` | `oklch(33.02% 0.1064 258.53)` | Atlantic Navy | white, 12.3 to 1 |
| 7 | `#103c71` | `oklch(35.85% 0.1027 255.35)` | Tardis Blue | white, 11 to 1 |
| 8 | `#174776` | `oklch(39.09% 0.0952 251.59)` | Thunder Night | white, 9.5 to 1 |
| 9 | `#21527b` | `oklch(42.61% 0.0859 246.93)` | Blueberry Twist | white, 8.1 to 1 |
| 10 | `#2d5e80` | `oklch(46.27% 0.0765 241.01)` | Suez Canal | white, 6.9 to 1 |
| 11 | `#376a84` | `oklch(49.97% 0.0692 233.48)` | Lake Stream | white, 5.9 to 1 |
| 12 | `#40768a` | `oklch(53.67% 0.0650 223.69)` | English River | white, 5 to 1 |
| 13 | `#4a838e` | `oklch(57.61% 0.0624 211.05)` | Cape Lee | black, 4.9 to 1 |
| 14 | `#569192` | `oklch(61.63% 0.0611 196.86)` | Bristol Blue | black, 5.8 to 1 |
| 15 | `#659d94` | `oklch(65.55% 0.0608 182.55)` | Canton | black, 6.8 to 1 |
| 16 | `#75a996` | `oklch(69.20% 0.0614 169.55)` | Acapulco | black, 7.8 to 1 |
| 17 | `#84b398` | `oklch(72.45% 0.0629 159.06)` | King Theo | black, 8.8 to 1 |
| 18 | `#92bc9a` | `oklch(75.52% 0.0662 150.40)` | Green-Eyed Lady | black, 9.8 to 1 |
| 19 | `#9fc59b` | `oklch(78.37% 0.0705 142.85)` | Gingko | black, 10.9 to 1 |
| 20 | `#abcc9c` | `oklch(80.91% 0.0751 135.85)` | Oh Pistachio | black, 11.8 to 1 |
| 21 | `#b8d29b` | `oklch(83.07% 0.0792 128.82)` | In Good Taste | black, 12.7 to 1 |
| 22 | `#c4d69a` | `oklch(84.76% 0.0821 121.24)` | Pistachio Cream | black, 13.4 to 1 |
| 23 | `#d0d898` | `oklch(86.03% 0.0834 113.42)` | Cucumber Ice | black, 13.9 to 1 |
| 24 | `#dbd897` | `oklch(86.90% 0.0840 105.58)` | Liminality | black, 14.2 to 1 |
| 25 | `#e4d796` | `oklch(87.40% 0.0846 97.77)` | Subtle Sunshine | black, 14.4 to 1 |
| 26 | `#ecd494` | `oklch(87.54% 0.0860 90.03)` | Nectar Jackpot | black, 14.4 to 1 |
| 27 | `#f2d091` | `oklch(87.34% 0.0888 82.40)` | Impala | black, 14.2 to 1 |
| 28 | `#f8ca8c` | `oklch(86.49% 0.0938 74.19)` | Elf Cream | black, 13.7 to 1 |
| 29 | `#fcc187` | `oklch(85.11% 0.1002 65.63)` | Buttery | black, 13.1 to 1 |
| 30 | `#feb782` | `oklch(83.52% 0.1070 57.49)` | Baltic Amber | black, 12.3 to 1 |
| 31 | `#ffaf81` | `oklch(82.07% 0.1122 50.57)` | Sassy Peach | black, 11.6 to 1 |
| 32 | `#ffa981` | `oklch(81.10% 0.1148 45.63)` | Peach Fizz | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(0deg, #051a47 0.0%, #061d4c 3.2%, #082153 6.5%, #09255b 9.7%, #0b2b63 12.9%, #0c336b 16.1%, #103c71 19.4%, #174776 22.6%, #21527b 25.8%, #2d5e80 29.0%, #376a84 32.3%, #40768a 35.5%, #4a838e 38.7%, #569192 41.9%, #659d94 45.2%, #75a996 48.4%, #84b398 51.6%, #92bc9a 54.8%, #9fc59b 58.1%, #abcc9c 61.3%, #b8d29b 64.5%, #c4d69a 67.7%, #d0d898 71.0%, #dbd897 74.2%, #e4d796 77.4%, #ecd494 80.6%, #f2d091 83.9%, #f8ca8c 87.1%, #fcc187 90.3%, #feb782 93.5%, #ffaf81 96.8%, #ffa981 100.0%);
background: linear-gradient(0deg in oklch, oklch(23.62% 0.0882 262.27) 0.0%, oklch(24.79% 0.0914 262.06) 3.2%, oklch(26.35% 0.0964 262.00) 6.5%, oklch(28.28% 0.1017 261.67) 9.7%, oklch(30.51% 0.1055 260.65) 12.9%, oklch(33.02% 0.1064 258.53) 16.1%, oklch(35.85% 0.1027 255.35) 19.4%, oklch(39.09% 0.0952 251.59) 22.6%, oklch(42.61% 0.0859 246.93) 25.8%, oklch(46.27% 0.0765 241.01) 29.0%, oklch(49.97% 0.0692 233.48) 32.3%, oklch(53.67% 0.0650 223.69) 35.5%, oklch(57.61% 0.0624 211.05) 38.7%, oklch(61.63% 0.0611 196.86) 41.9%, oklch(65.55% 0.0608 182.55) 45.2%, oklch(69.20% 0.0614 169.55) 48.4%, oklch(72.45% 0.0629 159.06) 51.6%, oklch(75.52% 0.0662 150.40) 54.8%, oklch(78.37% 0.0705 142.85) 58.1%, oklch(80.91% 0.0751 135.85) 61.3%, oklch(83.07% 0.0792 128.82) 64.5%, oklch(84.76% 0.0821 121.24) 67.7%, oklch(86.03% 0.0834 113.42) 71.0%, oklch(86.90% 0.0840 105.58) 74.2%, oklch(87.40% 0.0846 97.77) 77.4%, oklch(87.54% 0.0860 90.03) 80.6%, oklch(87.34% 0.0888 82.40) 83.9%, oklch(86.49% 0.0938 74.19) 87.1%, oklch(85.11% 0.1002 65.63) 90.3%, oklch(83.52% 0.1070 57.49) 93.5%, oklch(82.07% 0.1122 50.57) 96.8%, oklch(81.10% 0.1148 45.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.236 | 0.088 | 262.3 |
| 2 | 0.335 | 0.106 | 258 |
| 3 | 0.512 | 0.068 | 230.6 |
| 4 | 0.709 | 0.062 | 164 |
| 5 | 0.843 | 0.081 | 123.8 |
| 6 | 0.874 | 0.088 | 83.7 |
| 7 | 0.811 | 0.117 | 45.6 |

## In these collections

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

## Other forms

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