Cinza e turquesa (monocromático): gradiente linear

Gradiente linear, 7 cores a 90°: #d6d8cf, #b8c3b8, #81988e, #43665d, #1d6262, #448484, #98bbb4. Edite e exporte CSS, SVG, PNG ou um shader.

5 quadros-chave OKLCH editáveis.

• #d6d8cf
• #b8c3b8
• #81988e
• #43665d
• #1d6262
• #448484
• #98bbb4

CSS

background: linear-gradient(90deg in oklch, oklch(87.80% 0.0124 116.72) 0.0%, oklch(80.64% 0.0198 146.86) 16.7%, oklch(65.88% 0.0299 167.87) 33.3%, oklch(48.03% 0.0427 175.90) 50.0%, oklch(45.55% 0.0673 194.96) 66.7%, oklch(57.04% 0.0651 196.37) 83.3%, oklch(76.38% 0.0386 181.18) 100.0%);

Nestas coleções

Amostras para UI

Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona