Cinza, bege e azul-claro: amostras lineares

Amostras lineares, 13 cores a 90°: #a9c4a3, #c9baa7, #e0caba, #cebbcc, #aebde2. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #a9c4a3
• #b7be9f
• #c1b9a2
• #c9baa7
• #d6c1ab
• #dfc6b0
• #e0caba
• #decbc1
• #dbc4c5
• #cebbcc
• #c0b9d3
• #b6bbdc
• #aebde2

CSS

background: linear-gradient(90deg, oklch(79.13% 0.0537 139.92) 0.000% 7.692%, oklch(78.72% 0.0439 118.26) 7.692% 15.385%, oklch(78.49% 0.0325 90.83) 15.385% 23.077%, oklch(79.72% 0.0313 75.40) 23.077% 30.769%, oklch(82.21% 0.0384 68.69) 30.769% 38.462%, oklch(84.13% 0.0408 62.56) 38.462% 46.154%, oklch(85.29% 0.0332 59.81) 46.154% 53.846%, oklch(85.55% 0.0254 50.18) 53.846% 61.538%, oklch(84.05% 0.0257 16.87) 61.538% 69.231%, oklch(81.42% 0.0306 329.88) 69.231% 76.923%, oklch(79.97% 0.0375 297.20) 76.923% 84.615%, oklch(79.82% 0.0474 279.02) 84.615% 92.308%, oklch(79.92% 0.0551 268.49) 92.308% 100.000%);

Nestas coleções

Amostras multicoloridas em tons apagados

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona