# Ochre, sage and bronze dulux 2027 palette

The Ochre, sage and bronze dulux 2027 palette brings together gold, orange, green, off-white, and dark orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is off-white.

- Also called: Tan, green, gray and brown angular swatches
- Seed: `kWy1A-yag6dAbSzyhrpopI6Y`
- Page: https://grabient.com/kWy1A-yag6dAbSzyhrpopI6Y?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.3 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 | `#dbb966` | `oklch(79.92% 0.1102 87.89)` | Misted Yellow | black, 11.1 to 1 |
| 2 | `#b06244` | `oklch(57.87% 0.1102 41.39)` | Georgia Clay | black, 4.6 to 1 |
| 3 | `#749467` | `oklch(62.99% 0.0744 136.50)` | Van Gogh Olives | black, 6.1 to 1 |
| 4 | `#e3ded1` | `oklch(90.16% 0.0179 90.00)` | Natural Choice | black, 15.6 to 1 |
| 5 | `#3b1e12` | `oklch(27.17% 0.0496 43.51)` | Scorched | white, 15.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #dbb966 0.000% 20.000%, #b06244 20.000% 40.000%, #749467 40.000% 60.000%, #e3ded1 60.000% 80.000%, #3b1e12 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(79.92% 0.1102 87.89) 0.000% 20.000%, oklch(57.87% 0.1102 41.39) 20.000% 40.000%, oklch(62.99% 0.0744 136.50) 40.000% 60.000%, oklch(90.16% 0.0179 90.00) 60.000% 80.000%, oklch(27.17% 0.0496 43.51) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.11 | 87.9 |
| 2 | 0.579 | 0.11 | 41.4 |
| 3 | 0.63 | 0.074 | 136.5 |
| 4 | 0.902 | 0.018 | 90 |
| 5 | 0.272 | 0.05 | 43.5 |

## In these collections

- [Dulux 2027 swatches](https://grabient.com/dulux-2027-swatches)

## Other forms

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