# Gray, tan and sage chalkboard classroom palette

The Gray, tan and sage chalkboard classroom palette brings together gray, yellow, light yellow, and pale green. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is pale green.

- Also called: Gray linear swatches
- Seed: `kUhhFV1w8-ewPwNxDcDg`
- Page: https://grabient.com/kUhhFV1w8-ewPwNxDcDg?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: dark to light, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#696d5e` | `oklch(52.76% 0.0234 120.23)` | River God | white, 5.2 to 1 |
| 2 | `#85876f` | `oklch(61.39% 0.0345 111.79)` | Schist | black, 5.6 to 1 |
| 3 | `#a7a788` | `oklch(71.96% 0.0428 107.73)` | Meditation Time | black, 8.5 to 1 |
| 4 | `#c5c9aa` | `oklch(82.53% 0.0431 113.08)` | Desert Hot Springs | black, 12.3 to 1 |
| 5 | `#d3dbbd` | `oklch(87.71% 0.0407 118.66)` | Breezeway | black, 14.6 to 1 |
| 6 | `#d6dfc5` | `oklch(88.98% 0.0372 123.40)` | Dream Seascape | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(0deg, #696d5e 0.000% 16.667%, #85876f 16.667% 33.333%, #a7a788 33.333% 50.000%, #c5c9aa 50.000% 66.667%, #d3dbbd 66.667% 83.333%, #d6dfc5 83.333% 100.000%);
background: linear-gradient(0deg, oklch(52.76% 0.0234 120.23) 0.000% 16.667%, oklch(61.39% 0.0345 111.79) 16.667% 33.333%, oklch(71.96% 0.0428 107.73) 33.333% 50.000%, oklch(82.53% 0.0431 113.08) 50.000% 66.667%, oklch(87.71% 0.0407 118.66) 66.667% 83.333%, oklch(88.98% 0.0372 123.40) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.023 | 120.2 |
| 2 | 0.685 | 0.041 | 107.6 |
| 3 | 0.85 | 0.043 | 115 |
| 4 | 0.89 | 0.037 | 123.4 |

## In these collections

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

## Other forms

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