Laranja, roxo, azul-claro e turquesa: amostras lineares

Amostras lineares, 5 cores a 45°: #c64d03, #533a50, #c4dde8, #429e7e, #d27022. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #c64d03
• #533a50
• #c4dde8
• #429e7e
• #d27022

CSS

background: linear-gradient(45deg, oklch(57.48% 0.1695 42.89) 0.000% 20.000%, oklch(38.58% 0.0496 331.03) 20.000% 40.000%, oklch(88.19% 0.0303 227.47) 40.000% 60.000%, oklch(63.39% 0.1006 167.24) 60.000% 80.000%, oklch(64.57% 0.1502 53.11) 80.000% 100.000%);

Nestas coleções

Amostras de tendências de cor 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona