Secondary color ramps grid

Secondary color ramps grid, minimal, swiss, light

Preview image. Unlock full-res

Light slide of the secondary palette, four vertical tint ramps (Orange, Purple, Lime, Pink) of five hex-labeled steps each.

Palette
#FF8A6A
#B7B2F0
#D7E779
#EB7EB9
#410E00

Summary

The secondary-color slide: four vertical tint ramps, Orange, Purple, Lime, and Pink, each a five-step column of named, hex-coded swatches, beside a short explanation.

Visual description

Light off-white ground. Header reads "Colors" left and "Secondary Colors" center. A left column notes the secondary palette is used for design materials adjacent to the core brand (such as the Unstoppable Genius materials), with a small "Library - Website" button. The right four-fifths is a four-column grid of rounded-rectangle ramps. Each column runs light to dark in five steps with in-corner name/hex labels: Orange (Orange 3 FFDCD2 down to Orange 14 410E00), Purple (Purple 3 F1F0FC to Purple 14 1B1466), Lime (Lime 3 FBFDF2 to Lime 14 2A3009), and Pink (Pink 3 FDF2F8 to Pink 14 380923).

Key takeaway

Laying out an extended secondary palette as parallel light-to-dark tint columns with consistent step numbering and in-corner hex labels, so every accent family reads as a complete, usable ramp rather than loose swatches.

Reuse notes

A reusable secondary-palette or full-tint-system slide for design-system guidelines. The numbered-step ramp convention scales to any number of hues. Pairs with the core-palette slide before it.

From this deck: Secondary color ramps grid

View deck

More like this