# Burgundy, ochre and teal chalkboard classroom palette

The Burgundy, ochre and teal chalkboard classroom palette brings together red, orange, yellow, green, and teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is green.

- Also called: Tritone brown, olive and teal linear swatches
- Seed: `kWXi4ZwiJC1ChxDSIUUSBtFA`
- Page: https://grabient.com/kWXi4ZwiJC1ChxDSIUUSBtFA?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#5c3328` | `oklch(37.01% 0.0634 35.86)` | Redwood | white, 10.7 to 1 |
| 2 | `#87512b` | `oklch(48.96% 0.0892 54.17)` | Plane Brown | white, 6.4 to 1 |
| 3 | `#9c7937` | `oklch(59.73% 0.0944 80.63)` | Sneezy | black, 5.2 to 1 |
| 4 | `#909550` | `oklch(65.03% 0.0925 112.89)` | Topiary | black, 6.6 to 1 |
| 5 | `#639a6d` | `oklch(63.45% 0.0883 148.78)` | Leafy | black, 6.3 to 1 |
| 6 | `#3d857a` | `oklch(56.69% 0.0744 182.75)` | Carlisle | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5c3328 0.000% 16.667%, #87512b 16.667% 33.333%, #9c7937 33.333% 50.000%, #909550 50.000% 66.667%, #639a6d 66.667% 83.333%, #3d857a 83.333% 100.000%);
background: linear-gradient(90deg, oklch(37.01% 0.0634 35.86) 0.000% 16.667%, oklch(48.96% 0.0892 54.17) 16.667% 33.333%, oklch(59.73% 0.0944 80.63) 33.333% 50.000%, oklch(65.03% 0.0925 112.89) 50.000% 66.667%, oklch(63.45% 0.0883 148.78) 66.667% 83.333%, oklch(56.69% 0.0744 182.75) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.063 | 35.9 |
| 2 | 0.52 | 0.094 | 60.2 |
| 3 | 0.634 | 0.092 | 96.1 |
| 4 | 0.646 | 0.091 | 139.4 |
| 5 | 0.567 | 0.074 | 182.7 |

## In these collections

- [Chalkboard classroom](https://grabient.com/chalkboard-classroom)

## Other forms

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