Azul, cinza, caramelo e verde: amostras lineares

Amostras lineares, 5 cores a 90°: #373d83, #676ca6, #a8a7a2, #d1a534, #4b8a5b. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #373d83
• #676ca6
• #a8a7a2
• #d1a534
• #4b8a5b

CSS

background: linear-gradient(90deg, oklch(39.37% 0.1157 276.33) 0.000% 20.000%, oklch(55.12% 0.0909 279.50) 20.000% 40.000%, oklch(72.83% 0.0069 97.03) 40.000% 60.000%, oklch(74.41% 0.1350 86.47) 60.000% 80.000%, oklch(57.87% 0.0978 150.93) 80.000% 100.000%);

Nestas coleções

Amostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona