Branco, bege, rosa e cinza (análogos): amostras lineares

Amostras lineares, 5 cores a 90°: #fff7f1, #ffe1ce, #f0d7ae, #f3bfbe, #cebcbc. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #fff7f1
• #ffe1ce
• #f0d7ae
• #f3bfbe
• #cebcbc

CSS

background: linear-gradient(90deg, oklch(98.03% 0.0113 54.88) 0.000% 20.000%, oklch(92.91% 0.0423 54.85) 20.000% 40.000%, oklch(88.98% 0.0606 80.21) 40.000% 60.000%, oklch(85.04% 0.0606 19.97) 60.000% 80.000%, oklch(81.10% 0.0207 19.97) 80.000% 100.000%);

Nestas coleções

Amostras claras

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona