#054 Grown Early Gradient

Grown Early is a vivid linear CSS gradient flowing upward from bottom to top, built from pine (#0BA360) and emerald (#3CBA92) across two colour stops.

Vivid and dynamic, the saturated palette commands attention and communicates confidence across any viewport.

Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

#0BA360rgb(11, 163, 96)

#3CBA92rgb(60, 186, 146)

CSS code

background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);

#054 Grown Early Gradient

Color palette

CSS code

#054 Grown Early Gradient preview