Azul-marinho, azul, laranja e bege: amostras lineares

Amostras lineares, 5 cores a 90°: #101d3a, #244a85, #f16424, #ff9c43, #f5e2c8. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #101d3a
• #244a85
• #f16424
• #ff9c43
• #f5e2c8

CSS

background: linear-gradient(90deg, oklch(23.62% 0.0593 264.37) 0.000% 20.000%, oklch(41.34% 0.1089 259.09) 20.000% 40.000%, oklch(67.32% 0.1874 41.75) 40.000% 60.000%, oklch(77.95% 0.1550 58.66) 60.000% 80.000%, oklch(92.13% 0.0400 75.57) 80.000% 100.000%);

Nestas coleções

Amostras ousadas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona