# Sage and gold chalkboard classroom palette

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

- Also called: Complementary gray, blue and beige linear gradient
- Seed: `kUtCJpxg5LteNK9vk8Eg`
- Page: https://grabient.com/kUtCJpxg5LteNK9vk8Eg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, neutral
- Hues: two-hue
- 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 | `#8eaa91` | `oklch(70.87% 0.0469 148.36)` | Natural Harmony | black, 8.2 to 1 |
| 2 | `#88a792` | `oklch(69.84% 0.0464 155.19)` | Envy | black, 7.9 to 1 |
| 3 | `#7fa393` | `oklch(68.36% 0.0457 165.40)` | Aspen Aura | black, 7.5 to 1 |
| 4 | `#779d94` | `oklch(66.56% 0.0449 178.00)` | Avalon | black, 7 to 1 |
| 5 | `#6f9795` | `oklch(64.56% 0.0440 191.96)` | Ship Shape | black, 6.5 to 1 |
| 6 | `#698f94` | `oklch(62.48% 0.0430 206.30)` | Blue Clay | black, 5.9 to 1 |
| 7 | `#668893` | `oklch(60.44% 0.0421 220.02)` | Horizon | black, 5.4 to 1 |
| 8 | `#648191` | `oklch(58.57% 0.0411 232.09)` | Blue Prince | black, 5 to 1 |
| 9 | `#637b8d` | `oklch(56.99% 0.0402 241.54)` | Canyon Blue | black, 4.7 to 1 |
| 10 | `#62768a` | `oklch(55.82% 0.0394 247.34)` | Always Indigo | white, 4.6 to 1 |
| 11 | `#617488` | `oklch(55.19% 0.0388 248.51)` | Lost Atlantis | white, 4.7 to 1 |
| 12 | `#5f7587` | `oklch(55.16% 0.0382 243.97)` | Lost Atlantis | white, 4.7 to 1 |
| 13 | `#5e7786` | `oklch(55.61% 0.0376 233.57)` | Ocean Shadow | white, 4.6 to 1 |
| 14 | `#5e7b85` | `oklch(56.45% 0.0370 218.46)` | Country Lake | black, 4.6 to 1 |
| 15 | `#608082` | `oklch(57.62% 0.0364 199.88)` | Stream Burble | black, 4.9 to 1 |
| 16 | `#67857e` | `oklch(59.05% 0.0358 179.05)` | Marsh Creek | black, 5.2 to 1 |
| 17 | `#71897a` | `oklch(60.68% 0.0354 157.19)` | Hanging Vine | black, 5.5 to 1 |
| 18 | `#7e8d78` | `oklch(62.43% 0.0351 135.53)` | Amazon Moss | black, 5.9 to 1 |
| 19 | `#8c9078` | `oklch(64.25% 0.0349 115.29)` | Mesmerise | black, 6.3 to 1 |
| 20 | `#98937b` | `oklch(66.06% 0.0350 97.69)` | Grassy Savannah | black, 6.7 to 1 |
| 21 | `#a2967f` | `oklch(67.81% 0.0354 83.96)` | Twill | black, 7.2 to 1 |
| 22 | `#aa9a84` | `oklch(69.44% 0.0361 75.17)` | Grullo | black, 7.6 to 1 |
| 23 | `#b29f89` | `oklch(71.22% 0.0373 70.15)` | Stepping Stones | black, 8.1 to 1 |
| 24 | `#b9a48f` | `oklch(73.19% 0.0388 67.92)` | Faint Maple | black, 8.7 to 1 |
| 25 | `#c1ab94` | `oklch(75.28% 0.0407 67.96)` | Camel Hide | black, 9.4 to 1 |
| 26 | `#c8b199` | `oklch(77.43% 0.0428 69.75)` | Nomadic Desert | black, 10.2 to 1 |
| 27 | `#cfb89d` | `oklch(79.56% 0.0450 72.77)` | Teddy Bears & Cream | black, 11 to 1 |
| 28 | `#d5bfa1` | `oklch(81.62% 0.0472 76.50)` | Dune | black, 11.8 to 1 |
| 29 | `#dac6a5` | `oklch(83.54% 0.0492 80.42)` | Toasted Pine Nut | black, 12.6 to 1 |
| 30 | `#decca9` | `oklch(85.25% 0.0511 84.01)` | Heavy Gluten | black, 13.3 to 1 |
| 31 | `#e2d2ac` | `oklch(86.69% 0.0526 86.75)` | Meadow Dew | black, 14 to 1 |
| 32 | `#e6d6af` | `oklch(87.80% 0.0537 88.12)` | Cider Yellow | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #8eaa91 0.0%, #88a792 3.2%, #7fa393 6.5%, #779d94 9.7%, #6f9795 12.9%, #698f94 16.1%, #668893 19.4%, #648191 22.6%, #637b8d 25.8%, #62768a 29.0%, #617488 32.3%, #5f7587 35.5%, #5e7786 38.7%, #5e7b85 41.9%, #608082 45.2%, #67857e 48.4%, #71897a 51.6%, #7e8d78 54.8%, #8c9078 58.1%, #98937b 61.3%, #a2967f 64.5%, #aa9a84 67.7%, #b29f89 71.0%, #b9a48f 74.2%, #c1ab94 77.4%, #c8b199 80.6%, #cfb89d 83.9%, #d5bfa1 87.1%, #dac6a5 90.3%, #decca9 93.5%, #e2d2ac 96.8%, #e6d6af 100.0%);
background: linear-gradient(45deg in oklch, oklch(70.87% 0.0469 148.36) 0.0%, oklch(69.84% 0.0464 155.19) 3.2%, oklch(68.36% 0.0457 165.40) 6.5%, oklch(66.56% 0.0449 178.00) 9.7%, oklch(64.56% 0.0440 191.96) 12.9%, oklch(62.48% 0.0430 206.30) 16.1%, oklch(60.44% 0.0421 220.02) 19.4%, oklch(58.57% 0.0411 232.09) 22.6%, oklch(56.99% 0.0402 241.54) 25.8%, oklch(55.82% 0.0394 247.34) 29.0%, oklch(55.19% 0.0388 248.51) 32.3%, oklch(55.16% 0.0382 243.97) 35.5%, oklch(55.61% 0.0376 233.57) 38.7%, oklch(56.45% 0.0370 218.46) 41.9%, oklch(57.62% 0.0364 199.88) 45.2%, oklch(59.05% 0.0358 179.05) 48.4%, oklch(60.68% 0.0354 157.19) 51.6%, oklch(62.43% 0.0351 135.53) 54.8%, oklch(64.25% 0.0349 115.29) 58.1%, oklch(66.06% 0.0350 97.69) 61.3%, oklch(67.81% 0.0354 83.96) 64.5%, oklch(69.44% 0.0361 75.17) 67.7%, oklch(71.22% 0.0373 70.15) 71.0%, oklch(73.19% 0.0388 67.92) 74.2%, oklch(75.28% 0.0407 67.96) 77.4%, oklch(77.43% 0.0428 69.75) 80.6%, oklch(79.56% 0.0450 72.77) 83.9%, oklch(81.62% 0.0472 76.50) 87.1%, oklch(83.54% 0.0492 80.42) 90.3%, oklch(85.25% 0.0511 84.01) 93.5%, oklch(86.69% 0.0526 86.75) 96.8%, oklch(87.80% 0.0537 88.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.047 | 148.4 |
| 2 | 0.551 | 0.039 | 247.7 |
| 3 | 0.689 | 0.036 | 77.6 |
| 4 | 0.878 | 0.054 | 88.1 |

## In these collections

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

## Other forms

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