# Ochre color palette

The Ochre color palette brings together gold, dark orange, and pale yellow. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is pale yellow.

- Also called: Monochrome tan, brown and beige linear gradient
- Seed: `kUuVBAnpI83idRFRq72g`
- Page: https://grabient.com/kUuVBAnpI83idRFRq72g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#c1a44f` | `oklch(72.83% 0.1102 90.70)` | Creed | black, 8.7 to 1 |
| 2 | `#b89948` | `oklch(69.53% 0.1064 88.92)` | Roti | black, 7.7 to 1 |
| 3 | `#a98a3f` | `oklch(64.65% 0.1009 86.29)` | Amber Green | black, 6.3 to 1 |
| 4 | `#977733` | `oklch(58.65% 0.0943 83.07)` | Persian Gold | black, 4.9 to 1 |
| 5 | `#836327` | `oklch(51.99% 0.0870 79.49)` | Kumera | white, 5.5 to 1 |
| 6 | `#6f4f1b` | `oklch(45.13% 0.0793 75.79)` | Hairy Brown | white, 7.4 to 1 |
| 7 | `#5b3d11` | `oklch(38.52% 0.0717 72.23)` | Hippogriff Brown | white, 9.9 to 1 |
| 8 | `#492d08` | `oklch(32.63% 0.0646 69.04)` | Stirland Mud | white, 12.5 to 1 |
| 9 | `#3c2203` | `oklch(27.90% 0.0583 66.48)` | Dark Ebony | white, 14.8 to 1 |
| 10 | `#321b01` | `oklch(24.81% 0.0534 64.78)` | Powdered Cocoa | white, 16.2 to 1 |
| 11 | `#2f1902` | `oklch(23.81% 0.0502 64.19)` | Powdered Cocoa | white, 16.6 to 1 |
| 12 | `#331d06` | `oklch(25.41% 0.0490 64.99)` | Powdered Cocoa | white, 15.9 to 1 |
| 13 | `#3e2810` | `oklch(29.76% 0.0492 67.26)` | Brown Tumbleweed | white, 13.8 to 1 |
| 14 | `#4f391f` | `oklch(36.31% 0.0507 70.71)` | Café Noir | white, 10.8 to 1 |
| 15 | `#655031` | `oklch(44.45% 0.0533 75.00)` | Wild Chocolate | white, 7.6 to 1 |
| 16 | `#7f6a47` | `oklch(53.57% 0.0566 79.81)` | Lizard Legs | white, 5.1 to 1 |
| 17 | `#9a875f` | `oklch(63.08% 0.0605 84.82)` | Ridgecrest | black, 6 to 1 |
| 18 | `#b6a477` | `oklch(72.38% 0.0648 89.71)` | Green Fig | black, 8.5 to 1 |
| 19 | `#cfc08d` | `oklch(80.85% 0.0692 94.14)` | Dry Leaf | black, 11.6 to 1 |
| 20 | `#e4d8a1` | `oklch(87.91% 0.0735 97.79)` | Early Sprout | black, 14.6 to 1 |
| 21 | `#f3eaae` | `oklch(92.94% 0.0775 100.34)` | Star-Studded | black, 17.1 to 1 |
| 22 | `#fbf2b3` | `oklch(95.41% 0.0811 101.49)` | Casino Lights | black, 18.4 to 1 |
| 23 | `#fcf3b1` | `oklch(95.67% 0.0849 101.42)` | Paper Tiger | black, 18.6 to 1 |
| 24 | `#f9eea8` | `oklch(94.22% 0.0891 100.39)` | Wood Avens | black, 17.8 to 1 |
| 25 | `#f2e49b` | `oklch(91.41% 0.0935 98.61)` | Lemonade | black, 16.3 to 1 |
| 26 | `#e9d78b` | `oklch(87.62% 0.0980 96.28)` | Pineapple Slice | black, 14.5 to 1 |
| 27 | `#dec778` | `oklch(83.19% 0.1025 93.61)` | Protoss | black, 12.5 to 1 |
| 28 | `#d3b665` | `oklch(78.49% 0.1069 90.80)` | Wax Way | black, 10.6 to 1 |
| 29 | `#c8a651` | `oklch(73.88% 0.1109 88.06)` | Grandiose | black, 9 to 1 |
| 30 | `#be9840` | `oklch(69.72% 0.1145 85.58)` | Suzani Gold | black, 7.7 to 1 |
| 31 | `#b68c30` | `oklch(66.36% 0.1176 83.58)` | Mayan Gold | black, 6.7 to 1 |
| 32 | `#b08524` | `oklch(64.17% 0.1199 82.25)` | Arrowwood | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #c1a44f 0.0%, #b89948 3.2%, #a98a3f 6.5%, #977733 9.7%, #836327 12.9%, #6f4f1b 16.1%, #5b3d11 19.4%, #492d08 22.6%, #3c2203 25.8%, #321b01 29.0%, #2f1902 32.3%, #331d06 35.5%, #3e2810 38.7%, #4f391f 41.9%, #655031 45.2%, #7f6a47 48.4%, #9a875f 51.6%, #b6a477 54.8%, #cfc08d 58.1%, #e4d8a1 61.3%, #f3eaae 64.5%, #fbf2b3 67.7%, #fcf3b1 71.0%, #f9eea8 74.2%, #f2e49b 77.4%, #e9d78b 80.6%, #dec778 83.9%, #d3b665 87.1%, #c8a651 90.3%, #be9840 93.5%, #b68c30 96.8%, #b08524 100.0%);
background: linear-gradient(135deg in oklch, oklch(72.83% 0.1102 90.70) 0.0%, oklch(69.53% 0.1064 88.92) 3.2%, oklch(64.65% 0.1009 86.29) 6.5%, oklch(58.65% 0.0943 83.07) 9.7%, oklch(51.99% 0.0870 79.49) 12.9%, oklch(45.13% 0.0793 75.79) 16.1%, oklch(38.52% 0.0717 72.23) 19.4%, oklch(32.63% 0.0646 69.04) 22.6%, oklch(27.90% 0.0583 66.48) 25.8%, oklch(24.81% 0.0534 64.78) 29.0%, oklch(23.81% 0.0502 64.19) 32.3%, oklch(25.41% 0.0490 64.99) 35.5%, oklch(29.76% 0.0492 67.26) 38.7%, oklch(36.31% 0.0507 70.71) 41.9%, oklch(44.45% 0.0533 75.00) 45.2%, oklch(53.57% 0.0566 79.81) 48.4%, oklch(63.08% 0.0605 84.82) 51.6%, oklch(72.38% 0.0648 89.71) 54.8%, oklch(80.85% 0.0692 94.14) 58.1%, oklch(87.91% 0.0735 97.79) 61.3%, oklch(92.94% 0.0775 100.34) 64.5%, oklch(95.41% 0.0811 101.49) 67.7%, oklch(95.67% 0.0849 101.42) 71.0%, oklch(94.22% 0.0891 100.39) 74.2%, oklch(91.41% 0.0935 98.61) 77.4%, oklch(87.62% 0.0980 96.28) 80.6%, oklch(83.19% 0.1025 93.61) 83.9%, oklch(78.49% 0.1069 90.80) 87.1%, oklch(73.88% 0.1109 88.06) 90.3%, oklch(69.72% 0.1145 85.58) 93.5%, oklch(66.36% 0.1176 83.58) 96.8%, oklch(64.17% 0.1199 82.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.728 | 0.11 | 90.7 |
| 2 | 0.24 | 0.05 | 64.3 |
| 3 | 0.949 | 0.08 | 101.3 |
| 4 | 0.642 | 0.12 | 82.2 |

## In these collections

- [Black and gold gradients](https://grabient.com/black-and-gold-gradients)
- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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