Azul-claro, amarelo, laranja e verde: amostras lineares

Amostras lineares, 6 cores a 180°: #b4e0f6, #e7f057, #a0d2ee, #ccd200, #ff5b39, #72a689. Edite e exporte CSS, SVG, PNG ou um shader.

6 quadros-chave OKLCH editáveis.

• #b4e0f6
• #e7f057
• #a0d2ee
• #ccd200
• #ff5b39
• #72a689

CSS

background: linear-gradient(180deg, oklch(88.19% 0.0551 229.92) 0.000% 16.667%, oklch(92.13% 0.1722 112.62) 16.667% 33.333%, oklch(83.86% 0.0648 233.09) 33.333% 50.000%, oklch(83.07% 0.1833 111.57) 50.000% 66.667%, oklch(68.50% 0.2057 33.37) 66.667% 83.333%, oklch(68.11% 0.0703 159.12) 83.333% 100.000%);

Nestas coleções

Amostras Pinterest 2026

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona