Preview image. Unlock full-res
Light page defining four approved brand gradients as tall full-height swatch columns, each named and labeled with its start-to-end hex values.
Summary
The gradient page: four approved brand gradients shown as tall side-by-side swatch columns, each titled and annotated with its from-to color names and hex codes.
Visual description
White background, standard three-zone header ("Color" / "Gradients", page "36"). The left column holds the heading "Gradients" and several short paragraphs plus a "Considerations" list covering backgrounds, strokes, and linear-versus-radial usage. The right two-thirds is filled by four full-height gradient columns butted together inside one rounded container: Pearl (Ecru to White, #F8F3F0 to #FFFFFF), Atmosphere (Mist to Cobalt, #CBC2FF to #4C00FF), Haze (Cobalt to Deep Violet, #4C00FF to #26065D), and Glow (Poppy to Cobalt, #FF5252 to #4C00FF). Each column carries its name in large type at the top, the descriptive color-name pairing below it, and the literal hex range under that. The gradients run vertically and the four sit edge to edge so the palette reads as one continuous strip.
Key takeaway
Presenting each gradient as a tall full-height swatch labeled with both its poetic name and its exact hex endpoints, so it is both inspirational and immediately usable. Butting the four columns edge to edge turns the palette into a single legible spectrum.
Reuse notes
A clean reference layout for documenting an approved gradient set in any brand system. The name-plus-hex-range labeling makes each gradient reproducible. Works best with a small curated set (here four); more than that and the full-height-column format gets cramped.
From this deck: Approved gradients Pearl Atmosphere Haze Glow
View deck
