Skip to content

Grabient palettes

Blue and mustard chalkboard classroom palette

Seamless navy, gray, tan and olive color palette

The Blue and mustard chalkboard classroom palette brings together dark blue, blue, light yellow, yellow, and green. Linear gradient, 32 colors at 135°: #232a4b, #656d84, #c4b97d, #5f7444, #26273f. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

  • #232a4b
  • #222b52
  • #202c5c
  • #1e2f68
  • #1f3572
  • #283f7a
  • #3d4d7e
  • #535c80
  • #656d84
  • #737d8a
  • #7d8d94
  • #889d9a
  • #9aaa98
  • #b0b295
  • #beb591
  • #c5b889
  • #c4b97d
  • #bdb972
  • #b3b468
  • #a7ab5f
  • #989e56
  • #86904e
  • #738349
  • #5f7444
  • #4b6440
  • #3a533b
  • #2c4537
  • #213b35
  • #193538
  • #19303d
  • #202b40
  • #26273f

CSS

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%);

In these collections

Chalkboard classroom

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works