# Ochre and orange floral palette

The Ochre and orange floral palette brings together gold, red, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is gold.

- Also called: Vivid tan, brown, pink and olive linear swatches
- Seed: `kUy0lD1Ei-dfBuEwr0wA`
- Page: https://grabient.com/kUy0lD1Ei-dfBuEwr0wA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#d2bd70` | `oklch(79.92% 0.1006 94.92)` | Green Citrine | black, 11.2 to 1 |
| 2 | `#bc8900` | `oklch(66.14% 0.1362 82.23)` | Kenyan Sand | black, 6.6 to 1 |
| 3 | `#f66370` | `oklch(68.90% 0.1805 17.78)` | Usubeni Red | black, 6.9 to 1 |
| 4 | `#3d4900` | `oklch(38.19% 0.0910 120.30)` | No Emissions Green | white, 9.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d2bd70 0.000% 25.000%, #bc8900 25.000% 50.000%, #f66370 50.000% 75.000%, #3d4900 75.000% 100.000%);
background: linear-gradient(90deg, oklch(79.92% 0.1006 94.92) 0.000% 25.000%, oklch(66.14% 0.1362 82.23) 25.000% 50.000%, oklch(68.90% 0.1805 17.78) 50.000% 75.000%, oklch(38.19% 0.0910 120.30) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.101 | 94.9 |
| 2 | 0.661 | 0.2 | 82.2 |
| 3 | 0.689 | 0.181 | 17.8 |
| 4 | 0.382 | 0.13 | 120.3 |

## In these collections

- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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