Cinza-escuro, azul, turquesa e caramelo: amostras lineares

Amostras lineares, 5 cores a 180°: #1d2f30, #d9d9d9, #6f64be, #4d9895, #d5a164. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #1d2f30
• #d9d9d9
• #6f64be
• #4d9895
• #d5a164

CSS

background: linear-gradient(180deg, oklch(29.13% 0.0234 200.39) 0.000% 20.000%, oklch(88.58% 0.0000 89.88) 20.000% 40.000%, oklch(55.51% 0.1364 287.04) 40.000% 60.000%, oklch(62.99% 0.0744 192.99) 60.000% 80.000%, oklch(74.41% 0.0992 69.35) 80.000% 100.000%);

Nestas coleções

Amostras modernasAmostras para apresentaçõesAmostras para UIAmostras elegantes

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona