# Olive and bronze behr 2027 palette

The Olive and bronze behr 2027 palette brings together yellow, pale orange, and orange. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is yellow, and its lightest tone is pale orange.

- Also called: Olive, gray, beige and brown linear swatches
- Seed: `kWejNOTpI_XYMvZSjrvPRe-w`
- Page: https://grabient.com/kWejNOTpI_XYMvZSjrvPRe-w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#606130` | `oklch(48.03% 0.0703 109.69)` | Basque Green | white, 6.4 to 1 |
| 2 | `#8a8865` | `oklch(61.81% 0.0496 104.40)` | Green Savage | black, 5.7 to 1 |
| 3 | `#f2e6ce` | `oklch(92.91% 0.0344 84.33)` | French Creme | black, 17 to 1 |
| 4 | `#a4887a` | `oklch(64.96% 0.0400 49.45)` | Clay Marble | black, 6.4 to 1 |
| 5 | `#7d5142` | `oklch(48.03% 0.0648 39.94)` | Nougat Brown | white, 6.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #606130 0.000% 20.000%, #8a8865 20.000% 40.000%, #f2e6ce 40.000% 60.000%, #a4887a 60.000% 80.000%, #7d5142 80.000% 100.000%);
background: linear-gradient(90deg, oklch(48.03% 0.0703 109.69) 0.000% 20.000%, oklch(61.81% 0.0496 104.40) 20.000% 40.000%, oklch(92.91% 0.0344 84.33) 40.000% 60.000%, oklch(64.96% 0.0400 49.45) 60.000% 80.000%, oklch(48.03% 0.0648 39.94) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.07 | 109.7 |
| 2 | 0.618 | 0.05 | 104.4 |
| 3 | 0.929 | 0.034 | 84.3 |
| 4 | 0.65 | 0.04 | 49.5 |
| 5 | 0.48 | 0.065 | 39.9 |

## In these collections

- [Behr 2027 swatches](https://grabient.com/behr-2027-swatches)

## Other forms

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