Turquesa, amarelo, cinza e laranja: amostras lineares

Amostras lineares, 5 cores a 180°: #5cad93, #d7c403, #aeb89f, #c2c701, #ff5c35. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #5cad93
• #d7c403
• #aeb89f
• #c2c701
• #ff5c35

CSS

background: linear-gradient(180deg, oklch(68.90% 0.0896 170.86) 0.000% 20.000%, oklch(81.10% 0.1695 102.17) 20.000% 40.000%, oklch(76.77% 0.0358 124.36) 40.000% 60.000%, oklch(79.92% 0.1764 111.68) 60.000% 80.000%, oklch(68.50% 0.2053 34.54) 80.000% 100.000%);

Nestas coleções

Amostras de tendências de cor 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona