
Preview image. Unlock full-res
Six vertical pill-shaped columns each showing a smooth color gradient from top to bottom, arranged in a row on a neutral gray background.
Summary
Six rounded rectangular columns arranged horizontally, each filled with a smooth color gradient flowing from a light or saturated top to a darker or complementary bottom, demonstrating a palette of color transitions.
Visual description
Light gray background. Six tall, rounded-rectangle pills arranged in a row with equal spacing. From left to right: pale pink to bright green, light magenta to orange-red, dark navy to cream, pale blue to dark blue-gray, bright blue to gold-yellow, orange-red to deep burgundy. Each gradient is smooth and linear, running vertically. The pills have subtle 3D rendering with soft shadows on a light background.
Key takeaway
A direct visual demonstration of color pair progressions and gradient direction choices. Each column shows how two colors can transition smoothly, useful as a reference palette for design systems or color mood exploration.
Reuse notes
Ideal as inspiration for UI color transitions, gradient overlays, or a color palette exploration system. The symmetric layout and clear color separation make it useful for designing color-coded interfaces or heat maps. Work at any scale where multiple gradients need visual comparison.









