Cinza, roxo, laranja e azul: amostras lineares

Cinza, roxo, laranja e azul: paleta com 5 cores. #f7f3f9, #231d25, #8e49aa, #e07b11, #3678d6. Edite e exporte CSS, SVG, PNG ou um shader.

5 cores, 5 quadros-chave OKLCH editáveis.

• #f7f3f9
• #231d25
• #8e49aa
• #e07b11
• #3678d6

CSS

background: linear-gradient(90deg, oklch(96.85% 0.0096 315.00) 0.000% 20.000%, oklch(24.02% 0.0179 315.00) 20.000% 40.000%, oklch(53.15% 0.1598 315.00) 40.000% 60.000%, oklch(68.11% 0.1598 57.50) 60.000% 80.000%, oklch(57.87% 0.1598 257.94) 80.000% 100.000%);

Nestas coleções

Amostras para apresentaçõesAmostras para UI

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona