Skip to content

Grabient palettes

Carbon paper olive and dusty plum fan

Black, gray, brown and blue color palette

Carbon-dark blue-gray opens through muted green into paper beige, then moves through olive and ochre to faded rust, dusty rose, plum and slate blue. Angular swatches, 48 colors at 315°: #171b20, #dac9a9, #717e51, #b77b54, #30485a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #171b20
  • #1e2328
  • #262f34
  • #323f42
  • #405052
  • #506461
  • #64786f
  • #7b8c7c
  • #939f88
  • #aaaf93
  • #bfbb9d
  • #d0c4a4
  • #dac9a9
  • #ddcaa9
  • #dbc7a5
  • #d5c29e
  • #cabb94
  • #bdb28a
  • #afa97f
  • #a09f74
  • #91966b
  • #848d63
  • #79865b
  • #738156
  • #717e51
  • #727d4e
  • #757d4b
  • #7a7f48
  • #818046
  • #8a8245
  • #938344
  • #9c8444
  • #a58346
  • #ae8249
  • #b47f4d
  • #b77b54
  • #b7755b
  • #b36f64
  • #aa696e
  • #9e6377
  • #8f5e7d
  • #7d5b7f
  • #6b577e
  • #5a5478
  • #4b5171
  • #3f4d68
  • #364a61
  • #30485a

CSS

background: conic-gradient(from 315deg, oklch(22.05% 0.0110 253.83) 0.000% 2.083%, oklch(25.40% 0.0129 244.83) 2.083% 4.167%, oklch(30.01% 0.0152 232.61) 4.167% 6.250%, oklch(35.59% 0.0180 217.85) 6.250% 8.333%, oklch(41.88% 0.0212 201.24) 8.333% 10.417%, oklch(48.60% 0.0246 183.46) 10.417% 12.500%, oklch(55.46% 0.0282 165.22) 12.500% 14.583%, oklch(62.19% 0.0318 147.20) 14.583% 16.667%, oklch(68.51% 0.0354 130.09) 16.667% 18.750%, oklch(74.15% 0.0388 114.58) 18.750% 20.833%, oklch(78.83% 0.0421 101.36) 20.833% 22.917%, oklch(82.26% 0.0450 91.12) 22.917% 25.000%, oklch(84.19% 0.0474 84.53) 25.000% 27.083%, oklch(84.63% 0.0496 81.58) 27.083% 29.167%, oklch(83.85% 0.0515 81.67) 29.167% 31.250%, oklch(82.05% 0.0532 84.21) 31.250% 33.333%, oklch(79.47% 0.0548 88.62) 33.333% 35.417%, oklch(76.32% 0.0562 94.32) 35.417% 37.500%, oklch(72.83% 0.0576 100.74) 37.500% 39.583%, oklch(69.22% 0.0590 107.28) 39.583% 41.667%, oklch(65.71% 0.0604 113.38) 41.667% 43.750%, oklch(62.54% 0.0619 118.44) 43.750% 45.833%, oklch(59.91% 0.0635 121.90) 45.833% 47.917%, oklch(58.05% 0.0652 123.16) 47.917% 50.000%, oklch(57.13% 0.0672 121.94) 50.000% 52.083%, oklch(56.88% 0.0697 119.59) 52.083% 54.167%, oklch(57.15% 0.0726 116.39) 54.167% 56.250%, oklch(57.81% 0.0758 112.37) 56.250% 58.333%, oklch(58.76% 0.0791 107.56) 58.333% 60.417%, oklch(59.87% 0.0824 101.97) 60.417% 62.500%, oklch(61.04% 0.0854 95.62) 62.500% 64.583%, oklch(62.14% 0.0881 88.55) 64.583% 66.667%, oklch(63.05% 0.0904 80.78) 66.667% 68.750%, oklch(63.67% 0.0920 72.32) 68.750% 70.833%, oklch(63.88% 0.0927 63.21) 70.833% 72.917%, oklch(63.56% 0.0925 53.46) 72.917% 75.000%, oklch(62.63% 0.0912 42.58) 75.000% 77.083%, oklch(61.16% 0.0886 29.51) 77.083% 79.167%, oklch(59.24% 0.0849 14.68) 79.167% 81.250%, oklch(56.99% 0.0804 358.59) 81.250% 83.333%, oklch(54.50% 0.0753 341.73) 83.333% 85.417%, oklch(51.88% 0.0698 324.57) 85.417% 87.500%, oklch(49.23% 0.0643 307.61) 87.500% 89.583%, oklch(46.64% 0.0588 291.34) 89.583% 91.667%, oklch(44.22% 0.0537 276.25) 91.667% 93.750%, oklch(42.07% 0.0492 262.82) 93.750% 95.833%, oklch(40.28% 0.0454 251.54) 95.833% 97.917%, oklch(38.98% 0.0427 242.91) 97.917% 100.000%);

In these collections

Analog office nostalgia

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works