# Deep teal, gray and gold chalkboard classroom

The Deep teal, gray and gold chalkboard classroom brings together teal, green, gray, and gold. 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 green, and its lightest tone is gold.

- Also called: Dark green, gray and tan linear gradient
- Seed: `kYaSSCrIk9bMERpFCES2Iaxmefum`
- Page: https://grabient.com/kYaSSCrIk9bMERpFCES2Iaxmefum?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.2 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 | `#29544e` | `oklch(41.34% 0.0496 183.52)` | Hidden Depths | white, 8.4 to 1 |
| 2 | `#2a524a` | `oklch(40.56% 0.0469 180.46)` | Highland Green | white, 8.7 to 1 |
| 3 | `#2b4e45` | `oklch(39.37% 0.0431 175.54)` | Hunt Club | white, 9.2 to 1 |
| 4 | `#2d493f` | `oklch(38.01% 0.0385 169.99)` | Government Green | white, 9.8 to 1 |
| 5 | `#2e453a` | `oklch(36.69% 0.0338 165.04)` | Bracken Fern | white, 10.3 to 1 |
| 6 | `#2e4137` | `oklch(35.64% 0.0293 161.94)` | Roycroft Bottle Green | white, 10.8 to 1 |
| 7 | `#2f3f37` | `oklch(35.07% 0.0254 161.91)` | Roycroft Bottle Green | white, 11.1 to 1 |
| 8 | `#303f38` | `oklch(35.08% 0.0223 165.95)` | Roycroft Bottle Green | white, 11.1 to 1 |
| 9 | `#313f3b` | `oklch(35.42% 0.0193 173.48)` | Darkest Spruce | white, 11 to 1 |
| 10 | `#34403e` | `oklch(36.07% 0.0164 183.32)` | Dying Light | white, 10.7 to 1 |
| 11 | `#374242` | `oklch(36.99% 0.0140 194.32)` | Dying Light | white, 10.3 to 1 |
| 12 | `#3c4546` | `oklch(38.16% 0.0122 205.29)` | Dark River | white, 9.8 to 1 |
| 13 | `#40484a` | `oklch(39.55% 0.0112 215.07)` | Big Dipper | white, 9.3 to 1 |
| 14 | `#454c4f` | `oklch(41.17% 0.0112 223.58)` | Witchcraft | white, 8.7 to 1 |
| 15 | `#4a5156` | `oklch(43.14% 0.0125 233.87)` | Seared Grey | white, 8 to 1 |
| 16 | `#50575e` | `oklch(45.40% 0.0147 244.60)` | Bovine | white, 7.2 to 1 |
| 17 | `#575e67` | `oklch(47.84% 0.0172 253.94)` | Blue Sabre | white, 6.5 to 1 |
| 18 | `#5e6570` | `oklch(50.37% 0.0197 260.06)` | British Shorthair | white, 5.9 to 1 |
| 19 | `#656c78` | `oklch(52.87% 0.0215 261.11)` | Magic | white, 5.3 to 1 |
| 20 | `#6a737f` | `oklch(55.29% 0.0221 255.12)` | Long Lake | white, 4.7 to 1 |
| 21 | `#6f7c85` | `oklch(57.79% 0.0207 240.56)` | Astronomicon Grey | black, 4.8 to 1 |
| 22 | `#768489` | `oklch(60.35% 0.0182 219.81)` | Wolf | black, 5.4 to 1 |
| 23 | `#7f8c8c` | `oklch(62.93% 0.0157 195.85)` | Gunmetal Grey | black, 6 to 1 |
| 24 | `#88938f` | `oklch(65.45% 0.0142 171.65)` | Sandstone Grey Green | black, 6.6 to 1 |
| 25 | `#929b93` | `oklch(67.87% 0.0150 150.20)` | Pond Leaves | black, 7.3 to 1 |
| 26 | `#9aa296` | `oklch(70.13% 0.0191 134.36)` | Spring Spirits | black, 7.9 to 1 |
| 27 | `#a2a996` | `oklch(72.37% 0.0277 122.59)` | Moss Agate | black, 8.6 to 1 |
| 28 | `#acb093` | `oklch(74.62% 0.0398 113.09)` | Spring Walk | black, 9.3 to 1 |
| 29 | `#b8b68f` | `oklch(76.76% 0.0535 105.49)` | Young Willow | black, 10.1 to 1 |
| 30 | `#c4bb89` | `oklch(78.69% 0.0671 99.43)` | Goody Two Shoes | black, 10.8 to 1 |
| 31 | `#cfbf84` | `oklch(80.30% 0.0788 94.56)` | Dry Leaf | black, 11.3 to 1 |
| 32 | `#d8c180` | `oklch(81.50% 0.0868 90.52)` | Wine Yellow | black, 11.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #29544e 0.0%, #2a524a 3.2%, #2b4e45 6.5%, #2d493f 9.7%, #2e453a 12.9%, #2e4137 16.1%, #2f3f37 19.4%, #303f38 22.6%, #313f3b 25.8%, #34403e 29.0%, #374242 32.3%, #3c4546 35.5%, #40484a 38.7%, #454c4f 41.9%, #4a5156 45.2%, #50575e 48.4%, #575e67 51.6%, #5e6570 54.8%, #656c78 58.1%, #6a737f 61.3%, #6f7c85 64.5%, #768489 67.7%, #7f8c8c 71.0%, #88938f 74.2%, #929b93 77.4%, #9aa296 80.6%, #a2a996 83.9%, #acb093 87.1%, #b8b68f 90.3%, #c4bb89 93.5%, #cfbf84 96.8%, #d8c180 100.0%);
background: linear-gradient(45deg in oklch, oklch(41.34% 0.0496 183.52) 0.0%, oklch(40.56% 0.0469 180.46) 3.2%, oklch(39.37% 0.0431 175.54) 6.5%, oklch(38.01% 0.0385 169.99) 9.7%, oklch(36.69% 0.0338 165.04) 12.9%, oklch(35.64% 0.0293 161.94) 16.1%, oklch(35.07% 0.0254 161.91) 19.4%, oklch(35.08% 0.0223 165.95) 22.6%, oklch(35.42% 0.0193 173.48) 25.8%, oklch(36.07% 0.0164 183.32) 29.0%, oklch(36.99% 0.0140 194.32) 32.3%, oklch(38.16% 0.0122 205.29) 35.5%, oklch(39.55% 0.0112 215.07) 38.7%, oklch(41.17% 0.0112 223.58) 41.9%, oklch(43.14% 0.0125 233.87) 45.2%, oklch(45.40% 0.0147 244.60) 48.4%, oklch(47.84% 0.0172 253.94) 51.6%, oklch(50.37% 0.0197 260.06) 54.8%, oklch(52.87% 0.0215 261.11) 58.1%, oklch(55.29% 0.0221 255.12) 61.3%, oklch(57.79% 0.0207 240.56) 64.5%, oklch(60.35% 0.0182 219.81) 67.7%, oklch(62.93% 0.0157 195.85) 71.0%, oklch(65.45% 0.0142 171.65) 74.2%, oklch(67.87% 0.0150 150.20) 77.4%, oklch(70.13% 0.0191 134.36) 80.6%, oklch(72.37% 0.0277 122.59) 83.9%, oklch(74.62% 0.0398 113.09) 87.1%, oklch(76.76% 0.0535 105.49) 90.3%, oklch(78.69% 0.0671 99.43) 93.5%, oklch(80.30% 0.0788 94.56) 96.8%, oklch(81.50% 0.0868 90.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.05 | 183.5 |
| 2 | 0.35 | 0.025 | 162.4 |
| 3 | 0.402 | 0.011 | 218.4 |
| 4 | 0.543 | 0.022 | 258.5 |
| 5 | 0.697 | 0.018 | 137 |
| 6 | 0.815 | 0.087 | 90.5 |

## In these collections

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

## Other forms

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