# Blue and ochre orchard frost at dawn

The Blue and ochre orchard frost at dawn brings together blue, teal, yellow, orange, 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 blue, and its lightest tone is yellow.

- Also called: Rainbow from blue to navy angular swatches
- Seed: `kYgUuz1Bw3NoiuBLJzqsJa6qmXMa`
- Page: https://grabient.com/kYgUuz1Bw3NoiuBLJzqsJa6qmXMa?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#36689f` | `oklch(50.79% 0.1033 252.42)` | Star Sapphire | white, 5.7 to 1 |
| 2 | `#5aa293` | `oklch(66.14% 0.0772 178.45)` | Polished Pine | black, 7 to 1 |
| 3 | `#a2a75f` | `oklch(70.87% 0.0951 111.87)` | Rickrack | black, 8.2 to 1 |
| 4 | `#a7702d` | `oklch(59.06% 0.1075 67.49)` | Inca Gold | black, 4.9 to 1 |
| 5 | `#603533` | `oklch(38.19% 0.0620 23.11)` | Sommelier | white, 10.2 to 1 |
| 6 | `#233455` | `oklch(32.68% 0.0634 262.64)` | Boatswain | white, 12.4 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #36689f 0.000% 16.667%, #5aa293 16.667% 33.333%, #a2a75f 33.333% 50.000%, #a7702d 50.000% 66.667%, #603533 66.667% 83.333%, #233455 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(50.79% 0.1033 252.42) 0.000% 16.667%, oklch(66.14% 0.0772 178.45) 16.667% 33.333%, oklch(70.87% 0.0951 111.87) 33.333% 50.000%, oklch(59.06% 0.1075 67.49) 50.000% 66.667%, oklch(38.19% 0.0620 23.11) 66.667% 83.333%, oklch(32.68% 0.0634 262.64) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.103 | 252.4 |
| 2 | 0.661 | 0.077 | 178.4 |
| 3 | 0.709 | 0.095 | 111.9 |
| 4 | 0.591 | 0.107 | 67.5 |
| 5 | 0.382 | 0.062 | 23.1 |
| 6 | 0.327 | 0.063 | -97.4 |

## In these collections

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

## Other forms

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