Rosa, azul-claro, cinza e marrom: gradiente linear

Gradiente linear, 7 cores a 90°: #ff5b35, #d698e6, #add0e3, #b8d1c8, #aeb8a0, #827053, #54301d. Edite e exporte CSS, SVG, PNG ou um shader.

4 quadros-chave OKLCH editáveis.

• #ff5b35
• #d698e6
• #add0e3
• #b8d1c8
• #aeb8a0
• #827053
• #54301d

CSS

background: linear-gradient(90deg in oklch, oklch(68.50% 0.2063 34.45) 0.0%, oklch(76.62% 0.1267 319.09) 16.7%, oklch(83.86% 0.0455 230.66) 33.3%, oklch(83.88% 0.0290 173.00) 50.0%, oklch(76.77% 0.0358 126.04) 66.7%, oklch(55.46% 0.0476 80.40) 83.3%, oklch(35.04% 0.0606 47.84) 100.0%);

Nestas coleções

Amostras Pinterest 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona