# Blue and mustard chalkboard classroom palette

The Blue and mustard chalkboard classroom palette brings together dark blue, blue, light yellow, yellow, and green. 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 blue, and its lightest tone is light yellow.

- Also called: Seamless navy, gray, tan and olive linear gradient
- Seed: `kcSyzCrie-8mJP1gj62YKPAckeQYrjUVpBBNI`
- Page: https://grabient.com/kcSyzCrie-8mJP1gj62YKPAckeQYrjUVpBBNI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted, multicolor, seamless
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.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 | `#232a4b` | `oklch(29.53% 0.0606 273.52)` | Royal Curtsy | white, 13.9 to 1 |
| 2 | `#222b52` | `oklch(30.29% 0.0709 272.12)` | Pico Void | white, 13.6 to 1 |
| 3 | `#202c5c` | `oklch(31.26% 0.0865 270.09)` | Ultramarine Violet | white, 13.2 to 1 |
| 4 | `#1e2f68` | `oklch(32.72% 0.1014 267.85)` | Mythical Night | white, 12.5 to 1 |
| 5 | `#1f3572` | `oklch(34.95% 0.1092 265.79)` | Twilight Express | white, 11.5 to 1 |
| 6 | `#283f7a` | `oklch(38.31% 0.1037 265.31)` | Mazarine Blue | white, 10 to 1 |
| 7 | `#3d4d7e` | `oklch(42.94% 0.0847 269.05)` | Takaka | white, 8.2 to 1 |
| 8 | `#535c80` | `oklch(48.28% 0.0596 272.44)` | Coastal Fjord | white, 6.5 to 1 |
| 9 | `#656d84` | `oklch(53.68% 0.0367 270.20)` | Great Grape | white, 5.1 to 1 |
| 10 | `#737d8a` | `oklch(58.52% 0.0238 256.95)` | Bay Wharf | black, 5 to 1 |
| 11 | `#7d8d94` | `oklch(63.25% 0.0213 226.41)` | Denim Drift | black, 6 to 1 |
| 12 | `#889d9a` | `oklch(67.96% 0.0247 184.64)` | Agave | black, 7.3 to 1 |
| 13 | `#9aaa98` | `oklch(72.16% 0.0317 142.36)` | Scotland Road | black, 8.6 to 1 |
| 14 | `#b0b295` | `oklch(75.33% 0.0403 110.24)` | Dill Seed | black, 9.6 to 1 |
| 15 | `#beb591` | `oklch(77.21% 0.0503 95.96)` | Bayou Shade | black, 10.2 to 1 |
| 16 | `#c5b889` | `oklch(78.15% 0.0646 94.03)` | Bakelite Yellow | black, 10.5 to 1 |
| 17 | `#c4b97d` | `oklch(78.16% 0.0799 99.01)` | Olive Marinade | black, 10.6 to 1 |
| 18 | `#bdb972` | `oklch(77.23% 0.0925 105.70)` | Liminal Yellow | black, 10.3 to 1 |
| 19 | `#b3b468` | `oklch(75.32% 0.0989 109.22)` | Rodham | black, 9.6 to 1 |
| 20 | `#a7ab5f` | `oklch(72.11% 0.0995 110.98)` | Spinach Banana Smoothie | black, 8.6 to 1 |
| 21 | `#989e56` | `oklch(67.86% 0.0963 113.07)` | Sweet Pea | black, 7.3 to 1 |
| 22 | `#86904e` | `oklch(63.05% 0.0906 116.29)` | Vintage Vibe | black, 6.1 to 1 |
| 23 | `#738349` | `oklch(58.16% 0.0837 121.46)` | Grasshopper | black, 5 to 1 |
| 24 | `#5f7444` | `oklch(53.02% 0.0748 128.35)` | Pineweed | white, 5.1 to 1 |
| 25 | `#4b6440` | `oklch(47.19% 0.0625 136.24)` | Deep Viridian | white, 6.6 to 1 |
| 26 | `#3a533b` | `oklch(41.41% 0.0497 146.23)` | Highlander | white, 8.4 to 1 |
| 27 | `#2c4537` | `oklch(36.44% 0.0394 159.45)` | Mushiao Green | white, 10.4 to 1 |
| 28 | `#213b35` | `oklch(32.97% 0.0345 177.62)` | Kōrainando Green | white, 12 to 1 |
| 29 | `#193538` | `oklch(30.86% 0.0347 204.13)` | Ore Bluish Black | white, 13 to 1 |
| 30 | `#19303d` | `oklch(29.64% 0.0378 234.27)` | Tangaroa | white, 13.7 to 1 |
| 31 | `#202b40` | `oklch(28.94% 0.0417 261.91)` | Eternal Darkness | white, 14.1 to 1 |
| 32 | `#26273f` | `oklch(28.35% 0.0441 280.91)` | Midnight Express | white, 14.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #232a4b 0.0%, #222b52 3.2%, #202c5c 6.5%, #1e2f68 9.7%, #1f3572 12.9%, #283f7a 16.1%, #3d4d7e 19.4%, #535c80 22.6%, #656d84 25.8%, #737d8a 29.0%, #7d8d94 32.3%, #889d9a 35.5%, #9aaa98 38.7%, #b0b295 41.9%, #beb591 45.2%, #c5b889 48.4%, #c4b97d 51.6%, #bdb972 54.8%, #b3b468 58.1%, #a7ab5f 61.3%, #989e56 64.5%, #86904e 67.7%, #738349 71.0%, #5f7444 74.2%, #4b6440 77.4%, #3a533b 80.6%, #2c4537 83.9%, #213b35 87.1%, #193538 90.3%, #19303d 93.5%, #202b40 96.8%, #26273f 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.53% 0.0606 273.52) 0.0%, oklch(30.29% 0.0709 272.12) 3.2%, oklch(31.26% 0.0865 270.09) 6.5%, oklch(32.72% 0.1014 267.85) 9.7%, oklch(34.95% 0.1092 265.79) 12.9%, oklch(38.31% 0.1037 265.31) 16.1%, oklch(42.94% 0.0847 269.05) 19.4%, oklch(48.28% 0.0596 272.44) 22.6%, oklch(53.68% 0.0367 270.20) 25.8%, oklch(58.52% 0.0238 256.95) 29.0%, oklch(63.25% 0.0213 226.41) 32.3%, oklch(67.96% 0.0247 184.64) 35.5%, oklch(72.16% 0.0317 142.36) 38.7%, oklch(75.33% 0.0403 110.24) 41.9%, oklch(77.21% 0.0503 95.96) 45.2%, oklch(78.15% 0.0646 94.03) 48.4%, oklch(78.16% 0.0799 99.01) 51.6%, oklch(77.23% 0.0925 105.70) 54.8%, oklch(75.32% 0.0989 109.22) 58.1%, oklch(72.11% 0.0995 110.98) 61.3%, oklch(67.86% 0.0963 113.07) 64.5%, oklch(63.05% 0.0906 116.29) 67.7%, oklch(58.16% 0.0837 121.46) 71.0%, oklch(53.02% 0.0748 128.35) 74.2%, oklch(47.19% 0.0625 136.24) 77.4%, oklch(41.41% 0.0497 146.23) 80.6%, oklch(36.44% 0.0394 159.45) 83.9%, oklch(32.97% 0.0345 177.62) 87.1%, oklch(30.86% 0.0347 204.13) 90.3%, oklch(29.64% 0.0378 234.27) 93.5%, oklch(28.94% 0.0417 261.91) 96.8%, oklch(28.35% 0.0441 280.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.061 | 273.5 |
| 2 | 0.362 | 0.109 | 265.1 |
| 3 | 0.579 | 0.025 | 259.8 |
| 4 | 0.76 | 0.043 | 104.4 |
| 5 | 0.76 | 0.098 | 108.7 |
| 6 | 0.575 | 0.083 | 122.4 |
| 7 | 0.343 | 0.036 | 168.9 |
| 8 | 0.283 | 0.044 | 280.9 |

## In these collections

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

## Other forms

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