Azul-marinho, magenta e pêssego: amostras lineares

Amostras lineares, 7 cores a 160°: #0f2c36, #1b4143, #1f5684, #b82f72, #e14677, #ff766e, #ffb065. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #0f2c36
• #1b4143
• #1f5684
• #b82f72
• #e14677
• #ff766e
• #ffb065

CSS

background: linear-gradient(160deg, oklch(27.56% 0.0386 224.30) 0.000% 14.286%, oklch(34.82% 0.0430 199.80) 14.286% 28.571%, oklch(43.93% 0.0959 247.86) 28.571% 42.857%, oklch(53.54% 0.1819 355.33) 42.857% 57.143%, oklch(62.69% 0.1936 5.75) 57.143% 71.429%, oklch(72.66% 0.1689 25.24) 71.429% 85.714%, oklch(81.89% 0.1295 62.97) 85.714% 100.000%);

Nestas coleções

Amostras ousadasAmostras tropicaisAmostras de verãoAmostras complementares divididas

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona