Azul-claro, cinza e amarelo: amostras lineares

Amostras lineares, 5 cores a 90°: #d8efff, #ff5c35, #341e28, #aeb89f, #e9ef55. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #d8efff
• #ff5c35
• #341e28
• #aeb89f
• #e9ef55

CSS

background: linear-gradient(90deg, oklch(94.09% 0.0325 236.93) 0.000% 20.000%, oklch(68.50% 0.2053 34.41) 20.000% 40.000%, oklch(26.77% 0.0386 352.14) 40.000% 60.000%, oklch(76.77% 0.0358 125.29) 60.000% 80.000%, oklch(92.13% 0.1722 111.55) 80.000% 100.000%);

Nestas coleções

Amostras de tendências de cor 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona