# Ochre and charcoal school uniform palette

This palette moves from gold through gray to dark gray. It steadily darkens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Mustard, brown and dark gray linear gradient
- Seed: `kWwmlCWK9AESfwEvCEGpQJQQ`
- Page: https://grabient.com/kWwmlCWK9AESfwEvCEGpQJQQ?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.6 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 | `#d2af2b` | `oklch(76.38% 0.1447 92.81)` | Grass Daisy | black, 9.9 to 1 |
| 2 | `#d0ad2b` | `oklch(75.91% 0.1437 92.88)` | Grass Daisy | black, 9.7 to 1 |
| 3 | `#ceac2b` | `oklch(75.35% 0.1425 92.96)` | Grass Daisy | black, 9.5 to 1 |
| 4 | `#ccaa2a` | `oklch(74.69% 0.1412 93.05)` | Hippie Trail | black, 9.3 to 1 |
| 5 | `#c9a82a` | `oklch(73.91% 0.1396 93.16)` | Hippie Trail | black, 9 to 1 |
| 6 | `#c5a52a` | `oklch(73.00% 0.1376 93.30)` | Lemon Curry | black, 8.7 to 1 |
| 7 | `#c1a229` | `oklch(71.94% 0.1351 93.47)` | Mustard Seed | black, 8.4 to 1 |
| 8 | `#bc9e2a` | `oklch(70.72% 0.1321 93.68)` | Pollen Storm | black, 8 to 1 |
| 9 | `#b79a2a` | `oklch(69.31% 0.1286 93.93)` | Sahara | black, 7.6 to 1 |
| 10 | `#b0952a` | `oklch(67.67% 0.1244 94.13)` | Mana | black, 7.2 to 1 |
| 11 | `#a9902b` | `oklch(65.81% 0.1198 94.29)` | Titanite Yellow | black, 6.7 to 1 |
| 12 | `#a28a2b` | `oklch(63.78% 0.1147 94.46)` | Faint Green | black, 6.1 to 1 |
| 13 | `#9a842b` | `oklch(61.64% 0.1091 94.70)` | Lemon Ginger | black, 5.6 to 1 |
| 14 | `#927d2b` | `oklch(59.42% 0.1032 95.08)` | Fernweh | black, 5.2 to 1 |
| 15 | `#89772c` | `oklch(57.20% 0.0969 95.66)` | Aubergine Green | black, 4.7 to 1 |
| 16 | `#81712d` | `oklch(55.00% 0.0902 96.50)` | Spanish Bistre | white, 4.8 to 1 |
| 17 | `#796c2e` | `oklch(52.86% 0.0832 97.43)` | Garden Weed | white, 5.2 to 1 |
| 18 | `#71652f` | `oklch(50.60% 0.0749 97.30)` | Himalaya | white, 5.8 to 1 |
| 19 | `#695e31` | `oklch(48.24% 0.0659 96.59)` | Saguaro | white, 6.4 to 1 |
| 20 | `#615832` | `oklch(45.87% 0.0564 96.02)` | Uguisu Brown | white, 7.1 to 1 |
| 21 | `#595133` | `oklch(43.53% 0.0469 96.30)` | West Coast | white, 7.9 to 1 |
| 22 | `#504c34` | `oklch(41.30% 0.0380 98.15)` | Olive Leaf | white, 8.6 to 1 |
| 23 | `#494634` | `oklch(39.24% 0.0300 102.31)` | Limonite Brown | white, 9.4 to 1 |
| 24 | `#414234` | `oklch(37.42% 0.0234 109.48)` | Forest Night | white, 10.2 to 1 |
| 25 | `#3b3e34` | `oklch(35.86% 0.0185 120.94)` | Sunday Niqab | white, 10.8 to 1 |
| 26 | `#363b34` | `oklch(34.46% 0.0147 137.46)` | Sound of Silence | white, 11.4 to 1 |
| 27 | `#313834` | `oklch(33.23% 0.0119 157.45)` | Jet Set | white, 12 to 1 |
| 28 | `#2e3533` | `oklch(32.14% 0.0099 179.21)` | Phantom Ship | white, 12.5 to 1 |
| 29 | `#2c3233` | `oklch(31.19% 0.0085 201.07)` | Woodsmoke | white, 13 to 1 |
| 30 | `#2b3031` | `oklch(30.38% 0.0074 221.32)` | Cod Grey | white, 13.4 to 1 |
| 31 | `#2a2e30` | `oklch(29.70% 0.0065 238.28)` | Caviar | white, 13.7 to 1 |
| 32 | `#2a2c2e` | `oklch(29.13% 0.0055 250.27)` | Bunker | white, 14 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d2af2b 0.0%, #d0ad2b 3.2%, #ceac2b 6.5%, #ccaa2a 9.7%, #c9a82a 12.9%, #c5a52a 16.1%, #c1a229 19.4%, #bc9e2a 22.6%, #b79a2a 25.8%, #b0952a 29.0%, #a9902b 32.3%, #a28a2b 35.5%, #9a842b 38.7%, #927d2b 41.9%, #89772c 45.2%, #81712d 48.4%, #796c2e 51.6%, #71652f 54.8%, #695e31 58.1%, #615832 61.3%, #595133 64.5%, #504c34 67.7%, #494634 71.0%, #414234 74.2%, #3b3e34 77.4%, #363b34 80.6%, #313834 83.9%, #2e3533 87.1%, #2c3233 90.3%, #2b3031 93.5%, #2a2e30 96.8%, #2a2c2e 100.0%);
background: linear-gradient(180deg in oklch, oklch(76.38% 0.1447 92.81) 0.0%, oklch(75.91% 0.1437 92.88) 3.2%, oklch(75.35% 0.1425 92.96) 6.5%, oklch(74.69% 0.1412 93.05) 9.7%, oklch(73.91% 0.1396 93.16) 12.9%, oklch(73.00% 0.1376 93.30) 16.1%, oklch(71.94% 0.1351 93.47) 19.4%, oklch(70.72% 0.1321 93.68) 22.6%, oklch(69.31% 0.1286 93.93) 25.8%, oklch(67.67% 0.1244 94.13) 29.0%, oklch(65.81% 0.1198 94.29) 32.3%, oklch(63.78% 0.1147 94.46) 35.5%, oklch(61.64% 0.1091 94.70) 38.7%, oklch(59.42% 0.1032 95.08) 41.9%, oklch(57.20% 0.0969 95.66) 45.2%, oklch(55.00% 0.0902 96.50) 48.4%, oklch(52.86% 0.0832 97.43) 51.6%, oklch(50.60% 0.0749 97.30) 54.8%, oklch(48.24% 0.0659 96.59) 58.1%, oklch(45.87% 0.0564 96.02) 61.3%, oklch(43.53% 0.0469 96.30) 64.5%, oklch(41.30% 0.0380 98.15) 67.7%, oklch(39.24% 0.0300 102.31) 71.0%, oklch(37.42% 0.0234 109.48) 74.2%, oklch(35.86% 0.0185 120.94) 77.4%, oklch(34.46% 0.0147 137.46) 80.6%, oklch(33.23% 0.0119 157.45) 83.9%, oklch(32.14% 0.0099 179.21) 87.1%, oklch(31.19% 0.0085 201.07) 90.3%, oklch(30.38% 0.0074 221.32) 93.5%, oklch(29.70% 0.0065 238.28) 96.8%, oklch(29.13% 0.0055 250.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.145 | 92.8 |
| 2 | 0.697 | 0.13 | 93.9 |
| 3 | 0.539 | 0.087 | 97 |
| 4 | 0.37 | 0.022 | 111.8 |
| 5 | 0.291 | 0.006 | 250.3 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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