# Dusty blue, sage and ochre chalkboard classroom

The Dusty blue, sage and ochre chalkboard classroom brings together blue, teal, light green, light yellow, and yellow. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Complementary navy, gray and tan linear swatches
- Seed: `kYWSHEuJU9EwMuvdD7cZBi8t4bPo`
- Page: https://grabient.com/kYWSHEuJU9EwMuvdD7cZBi8t4bPo?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#343952` | `oklch(35.04% 0.0455 276.33)` | Old Mill | white, 11.3 to 1 |
| 2 | `#3c5673` | `oklch(44.49% 0.0579 252.02)` | Blue Earth | white, 7.5 to 1 |
| 3 | `#68868b` | `oklch(59.84% 0.0344 209.75)` | Thundercloud | black, 5.3 to 1 |
| 4 | `#9daf94` | `oklch(73.23% 0.0427 134.72)` | Rooftop Garden | black, 8.9 to 1 |
| 5 | `#bebd8b` | `oklch(78.74% 0.0675 107.25)` | Jitterbug | black, 10.8 to 1 |
| 6 | `#b9ab74` | `oklch(74.02% 0.0744 95.62)` | Heavy Goldbrown | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #343952 0.000% 16.667%, #3c5673 16.667% 33.333%, #68868b 33.333% 50.000%, #9daf94 50.000% 66.667%, #bebd8b 66.667% 83.333%, #b9ab74 83.333% 100.000%);
background: linear-gradient(90deg, oklch(35.04% 0.0455 276.33) 0.000% 16.667%, oklch(44.49% 0.0579 252.02) 16.667% 33.333%, oklch(59.84% 0.0344 209.75) 33.333% 50.000%, oklch(73.23% 0.0427 134.72) 50.000% 66.667%, oklch(78.74% 0.0675 107.25) 66.667% 83.333%, oklch(74.02% 0.0744 95.62) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.045 | 276.3 |
| 2 | 0.445 | 0.058 | 252 |
| 3 | 0.598 | 0.034 | 209.8 |
| 4 | 0.732 | 0.043 | 134.7 |
| 5 | 0.787 | 0.068 | 107.2 |
| 6 | 0.74 | 0.074 | 95.6 |

## In these collections

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

## Other forms

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