# Near-black, sage and olive chalkboard classroom palette

The Near-black, sage and olive chalkboard classroom palette brings together dark gray, dark teal, green, and yellow. 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 gray, and its lightest tone is yellow.

- Also called: Black, gray and brown linear swatches
- Seed: `kYNgqeow87sOLvVWlTjyKA_KkRQe`
- Page: https://grabient.com/kYNgqeow87sOLvVWlTjyKA_KkRQe?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.1 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 | `#121a1e` | `oklch(21.26% 0.0138 222.89)` | Neverything | white, 17.5 to 1 |
| 2 | `#092e2b` | `oklch(27.56% 0.0413 186.96)` | Guerrilla Forest | white, 14.5 to 1 |
| 3 | `#5c7268` | `oklch(53.15% 0.0317 164.77)` | Noble Fir | white, 5.1 to 1 |
| 4 | `#9d9b72` | `oklch(68.11% 0.0579 105.59)` | Curly Grass | black, 7.3 to 1 |
| 5 | `#847836` | `oklch(57.09% 0.0882 99.25)` | Dragon Well | black, 4.7 to 1 |
| 6 | `#32371a` | `oklch(32.28% 0.0469 116.16)` | Olivenite | white, 12.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #121a1e 0.000% 16.667%, #092e2b 16.667% 33.333%, #5c7268 33.333% 50.000%, #9d9b72 50.000% 66.667%, #847836 66.667% 83.333%, #32371a 83.333% 100.000%);
background: linear-gradient(90deg, oklch(21.26% 0.0138 222.89) 0.000% 16.667%, oklch(27.56% 0.0413 186.96) 16.667% 33.333%, oklch(53.15% 0.0317 164.77) 33.333% 50.000%, oklch(68.11% 0.0579 105.59) 50.000% 66.667%, oklch(57.09% 0.0882 99.25) 66.667% 83.333%, oklch(32.28% 0.0469 116.16) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.014 | 222.9 |
| 2 | 0.276 | 0.041 | 187 |
| 3 | 0.531 | 0.032 | 164.8 |
| 4 | 0.681 | 0.058 | 105.6 |
| 5 | 0.571 | 0.088 | 99.3 |
| 6 | 0.323 | 0.047 | 116.2 |

## In these collections

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

## Other forms

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