Cinza, rosa, azul-claro e marrom: amostras lineares

Amostras lineares, 5 cores a 90°: #d7ddd4, #b8d4aa, #e1a6a3, #8ea8c3, #987466. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #d7ddd4
• #b8d4aa
• #e1a6a3
• #8ea8c3
• #987466

CSS

background: linear-gradient(90deg, oklch(88.98% 0.0124 135.00) 0.000% 20.000%, oklch(83.86% 0.0648 135.00) 20.000% 40.000%, oklch(77.95% 0.0703 21.93) 40.000% 60.000%, oklch(72.05% 0.0496 249.83) 60.000% 80.000%, oklch(59.06% 0.0496 42.01) 80.000% 100.000%);

Nestas coleções

Amostras pastelAmostras suaves

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona