Branco, azul-claro, lavanda e cinza: amostras lineares

Amostras lineares, 5 cores a 90°: #f3f9ff, #d4ebff, #b6e8d0, #d7c3f4, #c4becc. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #f3f9ff
• #d4ebff
• #b6e8d0
• #d7c3f4
• #c4becc

CSS

background: linear-gradient(90deg, oklch(98.03% 0.0100 244.63) 0.000% 20.000%, oklch(92.91% 0.0366 244.67) 20.000% 40.000%, oklch(88.98% 0.0606 164.37) 40.000% 60.000%, oklch(85.04% 0.0703 303.87) 60.000% 80.000%, oklch(81.10% 0.0207 303.87) 80.000% 100.000%);

Nestas coleções

Amostras claras

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona