Generator · mesh-gradient

Mesh Gradient

Soft multi-colour mesh gradient made of blurred colour fields, finished with film grain.

Presets

peach

lagoon

violet-dusk

mint

ember-quote

Key	Label	Values	Default
`bg`	Base	hex colour	`#ffd8c2`
`c1`	Colour 1	hex colour	`#ff7a59`
`c2`	Colour 2	hex colour	`#ffb3c7`
`c3`	Colour 3	hex colour	`#7d5cff`
`c4`	Colour 4	hex colour	`#ffd166`
`blobs`	Blobs	3–10	`6`
`softness`	Softness	6–40	`22`
`grain`	Film grain	0–0.4	`0.12`
`seed`	Seed	integer	`11`
`text.none`	No text	on / off	`true`
`text.line1`	Quote line 1	text	`Soft focus.`
`text.line2`	Quote line 2	text
`text.paragraph`	Paragraph	multi-line text
`text.position`	Position	center · upper · lower · top-left · top-right · bottom-left · bottom-right	`center`
`text.font`	Font	serif · display · sans · grotesk · mono	`display`
`text.size`	Text size	1.5–16	`8`
`text.color`	Text colour	hex colour	`#ffffff`